用途:从视觉来源(Figma 导出、UI 稿、截图、网站截图)中提取可交付开发的设计规范,用于设计令牌提取、视觉稿转组件规范、开发交接文档、设计系统文档生成、代码生成数据准备及网站设计逆向分析。
主要能力:输出遵循 W3C Design Tokens Community Group(DTCG)2025.10 格式的 JSON,含 $version、$source 元数据、tokens(颜色、字体、间距、尺寸、阴影、圆角)、components 组件树与边界框、accessibility(WCAG 分析与对比度问题)、$extensions(布局、组件目录、置信度)。
使用方式:采用 7 轮串行子任务架构,每轮必须将结果写入磁盘 JSON 文件。先创建目录:mkdir -p .tmp-design-specs/{project-name}。各轮输出文件依次为 pass-1-layout.json(布局结构)、pass-2-colors.json(颜色令牌)、pass-3-typography.json(字体令牌)、pass-4-components.json(组件树)、pass-5-spacing.json(间距尺寸)、pass-6-states.json(状态与无障碍)、design-spec.json(最终合并)。每轮需读取前序文件、分析后写入指定文件,完成后再进入下一轮。
适用场景:设计令牌提取、视觉稿结构化、开发交接、设计系统文档、代码生成准备、网站设计逆向。
限制:资料未提供具体安装命令、收费、价格、平台支持与效果数据;文件写入为强制要求,不写文件不得继续。