用途：把已有前端代码（React + Vite、Next.js、Angular、Vue 等）转换为 Stitch Design，以便在 Stitch 中迭代和改进。该技能按顺序编排三个子技能：extract-static-html（从构建产物或运行中的开发服务器提取单个自包含 HTML 文件）、extract-design-md（分析源码，包括 angular.json、外部 .html 模板、主题文件和组件，生成设计系统 DESIGN.md）、upload-to-stitch（把 HTML 与设计系统上传到 Stitch 项目）。
使用前提：本地开发服务器正在运行（如 npm run dev、ng serve），或已有包含 index.html 与资源的构建目录；以及目标 Stitch projectId（未知时可用 list_projects 查询）。
主要步骤：1）调用 extract-static-html 生成独立 HTML，输出如 /path/to/extracted/standalone.html；2）可选让用户在浏览器中人工验证，不阻塞流程；3）调用 extract-design-md 分析源码并写出 .stitch/DESIGN.md；4）调用 manage-design-system 上传 DESIGN.md 并在 Stitch 中创建设计系统，上传时传 --generated-by 'stitch::code-to-design'；5）用同一上传脚本上传 HTML，需提供 HTML 路径、Stitch API Key、projectId，--generated-by 设为 'stitch::extract-static-html'，--title 设为页面路由路径（如 /dashboard、/settings/profile、/inbox）。
跨客户端：可用于 GitHub Copilot、Claude Code 和 Codex；Codex 需将文件夹同步到 $CODEX_HOME/skills/stitch-code-to-design 并在重大变更后重启。
限制与注意：优先使用 Stitch MCP，宿主未暴露所需 MCP 操作时使用本地 .stitch/ 产物、导出的 HTML 或截图、捆绑脚本和 Stitch 网页界面作为回退；不得声称使用了宿主未提供的 MCP 调用。禁止在未获用户批准目标与产物细节时上传文件；禁止读取、打印、存储或提交 API Key、MCP 配置密钥、Cookie 等凭据；不得把生成的设计或代码当作最终结果而不做本地渲染、语法或产物验证。验证要点：.stitch/DESIGN.md 存在且反映真实源码 token；静态 HTML 可本地打开检查布局与图片；设计系统创建经 MCP 验证或记录回退证据；无凭据被写入持久文件。具体脚本用法与 schema 需查阅各子技能的 SKILL.md。