openscreen-design 是 getopenscreen/openscreen 项目提供的设计技能，用于为 OpenScreen（AI 原生屏幕录制工作室与视频编辑器）生成符合品牌规范的界面与素材，既可用于生产代码，也可用于演示性视觉产物。
用途：
- 在制作幻灯片、界面模拟稿、一次性原型等视觉产物时，复制素材并生成静态 HTML 文件供用户查看。
- 在编写生产代码时，可复制素材并依据技能内的规则，按该品牌的设计方式工作。
- 若用户调用该技能但未给出进一步指引，应先询问用户想构建或设计什么，提出一些问题，然后以专家设计师的身份输出 HTML 产物或生产代码。
主要能力与规范：
- styles.css 是唯一的 CSS 入口，应链接它并使用 CSS 自定义属性，不要硬编码十六进制颜色。默认使用暗色主题；在容器上添加 data-theme="light" 可切换为浅色调色板。
- 字体为 Geist（界面）与 Geist Mono（数字与技术信息），基础字号 13px。
- 品牌主色为单一翡翠绿 --accent，需克制使用。时间轴泳道另用琥珀、橙、红作为语义强调色。
- 组件位于 components/（表单、展示、编辑器）；整屏复刻位于 ui_kits/editor/。图标使用 Lucide。
- 不使用 emoji，不以渐变作装饰，不使用照片背景。采用专业工具式的高密度布局、玻璃质感浮动面板与细线边框。
- 编辑器控件规则：固定选项使用一键式 ChoiceRow，而非下拉选择；使用有名称的等级而非无意义的数字；设置项是句首大写分节标签下的自由行，不使用卡片；不提供提示文本；不起作用的选项应隐藏而非禁用。
- 时间轴设计：片段使用品牌绿，缩放使用蓝色，每条泳道为实色并配深色墨色 #0b1220；播放头为紫色；不使用进度条。
使用方式：先阅读技能内的 README.md 并浏览其他可用文件；按需复制素材，生成静态 HTML 或集成到生产代码；若缺少用户指示，先询问需求再动手设计。
适用场景：为 OpenScreen 制作品牌一致的界面、组件、编辑器整屏复刻与视觉原型。
限制：该技能面向 OpenScreen 品牌，需遵循其颜色、字体与控件规则；资料未提供具体的安装命令、收费或平台要求，暂未提供。