用途:当用户要求从现有品牌、代码库或产品产出可复用设计系统或 UI Kit 时加载。产物统一放在 ./opendesign/design-systems/<name>/,可并存多个系统(如 marketing、product、deck-template),名称必须描述用途,不可用 main 或单数 design-system。
主要能力:识别设计系统的标记为 SKILL.md 或令牌文件(根目录 colors_and_type.css 或 tokens/colors_and_type.css)。必须写入三个固定路径:SKILL.md、tokens/colors_and_type.css、README.md。令牌含原始变量(--fg-1、--bg-1、--accent-1、字体族、字重、字号步进)与语义变量(--h1、--body、--surface-primary、--border-subtle 等),语义变量引用原始变量。还需记录内容基调、视觉基础、图标与按产品构建 JSX UI Kit(每组件一文件,配 index.html 展示核心界面),仅在提供幻灯片模板时生成 sample-slides。
用法:先探索代码库、Figma、截图等来源,优先代码库与 Figma 而非截图;写 README 说明品牌理解与来源索引;再提取令牌、编写 SKILL.md、文档与 UI Kit。硬性规则:有代码库时不得仅凭截图重建 UI;不读取 SVG 源文件,复制真实资源到 assets/ 并按文件名引用;不手绘 SVG;不虚构组件,缺失则留空或标注占位;关键资源不可访问应停下询问。避免蓝紫渐变、emoji 功能卡、左侧彩色描边圆角卡等过度使用的视觉母题。结束时列出有把握与不确定的部分,并请用户确认后系统才视为正式版本。未提供具体品牌资产、命令与价格等信息。