用途：把 Stitch 屏幕或导出内容转成模块化 React 组件，或将已有 React 界面与较新的 Stitch 设计证据同步。适用于涉及 Google Stitch 项目 ID、.stitch/ 产物、DESIGN.md 或 Stitch 专属校验的任务。
主要能力：从 .stitch/designs/、Stitch 网页导出或当前宿主列出的屏幕工具获取源 HTML 与截图；在编辑组件前从导出 HTML 提取颜色、字体、间距、圆角等 token；把静态文案、图片 URL 和列表移入 src/data/mockData.ts；创建带 Readonly 属性接口的小组件，并把交互隔离到 hooks；将 Stitch 主题值映射到 Tailwind/主题 token，替换占位链接为真实路由，覆盖深色模式而非散落原始十六进制值。
使用方式：先获取源 HTML 与截图，记录可用的项目与屏幕标识及同步时间戳到 .stitch/metadata.json；再提取 token、拆分数据与组件、映射主题；最后在依赖可用时运行内置校验器，并执行应用构建或开发检查。跨客户端可放在 GitHub Copilot 可见技能路径、Claude Code 本地技能目录，或同步到 $CODEX_HOME/skills/stitch-react-components 并重启 Codex。
限制：本工作区已验证的 Stitch MCP 面为 create_project、upload_design_md、create_design_system_from_design_md、list_design_systems、apply_design_system；不要假定 get_screen、list_screens 等存在，除非当前宿主明确暴露。无 MCP 时使用本地 .stitch/ 产物、导出 HTML 或截图、内置脚本和 Stitch 网页 UI 作为回退。不得在未获用户批准时上传文件或设计资产，不得读取、存储或提交 API 密钥等凭据，不得声称使用了宿主未暴露的 MCP 操作。生成代码需本地渲染或语法验证后再视为最终结果。