用途：仅在用户明确提到“Stitch”并需要把 Stitch 屏幕转换为 React（Vite/React、TypeScript）时使用。它负责把 Stitch 设计转成清晰、模块化的 React 代码。
主要能力：通过 Stitch MCP 的 get_screen 获取屏幕元数据与 HTML（design JSON、htmlCode.downloadUrl、screenshot.downloadUrl、尺寸、deviceType）；用脚本可靠下载 HTML、按资源检查清单做质量校验，并保持设计 token 一致性。
使用方式：先准备 Stitch MCP Server、Node.js/npm 及 Stitch 项目和屏幕 ID；ID 可从设计 URL 解析（projectId 取路径、screenId 取 node-id 查询），或用 stitch-mcp-list-projects/stitch-mcp-list-screens 获取。运行 list_tools 发现 MCP 前缀后调用 get_screen。高可靠下载执行：bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"。随后按架构规则拆分组件、把逻辑放入 src/hooks/、静态数据放入 src/data/mockData.ts、为每个组件定义 Readonly 的 [ComponentName]Props 接口，并从 HTML head 提取 tailwind.config、与 resources/style-guide.json 同步，使用主题映射的 Tailwind 类。最后更新 App.tsx 等入口，若有 validate 脚本则运行 npm run validate <file_path>，对照 resources/architecture-checklist.md 检查，并用 npm run dev 目视确认。
适用场景：Stitch 设计稿到 Vite/React 组件的前端还原，需模块化结构、类型安全与 Tailwind 设计 token 映射时。
限制：仅限明确提到 Stitch 的场景；涉及收费、价格、平台细节等资料未提供；部分脚本、资源与校验命令的可用性依赖项目自身配置。