用途:在 Stitch 上传或生成流程之前,从现有前端源码中还原视觉系统,产出 Stitch 兼容的 .stitch/DESIGN.md。适用于涉及 Google Stitch 项目 ID、.stitch/ 产物、DESIGN.md、Stitch 导出或 Stitch 校验的任务。
主要能力:识别框架并读取对应参考文件(React/Tailwind、Vue、Svelte、Angular、纯 CSS);读取主题配置、全局 CSS、字体引入、布局根节点、代表性组件与状态样式;提取实际颜色、字体、间距、圆角、阴影、变体与响应式规则;为 token 起语义化名称并保留精确值;按 atmosphere、palette、typography、components、layout、generation notes 写入 .stitch/DESIGN.md;需要上传时交由 stitch-manage-design-system。
使用方式:先检测框架并读取 references/ 下最接近的文件,再读取主题与组件源码,提取并命名 token,最后生成 DESIGN.md。跨客户端可用:GitHub Copilot 放在可见 skill 路径或写入项目指令;Claude Code 放在本地 skills 目录或兼容插件源;Codex 同步到 $CODEX_HOME/skills/stitch-extract-design-md 并在重大改动后重启。
限制:本工作区已验证的 Stitch MCP 能力为 create_project、upload_design_md、create_design_system_from_design_md、list_design_systems、apply_design_system;除非当前宿主明确暴露,不得声称使用 list_projects、list_screens、get_project、get_screen、generate_screen_from_text、edit_screens 或 generate_variants。无 MCP 时使用本地 .stitch/ 产物、导出的 HTML 或截图、脚本及 Stitch 网页界面作为回退。不得在未获用户批准的情况下上传文件或设计资产,不得读取、打印、存储或提交 API 密钥、MCP 配置密钥、Cookie 等凭据文件。生成的 .stitch/ 文件默认不纳入提交,除非用户明确要求保留为示例。所有颜色与字体结论须可追溯到源码或标注为推断,不得编造品牌声明、指标或实现细节。