用途：把 Stitch 移动端/桌面端设计、本地 HTML 文件或 URL 转换为干净的模块化 Vite + TypeScript React 组件。仅适用于普通 React 应用，不适用于 Next.js App Router；Next.js 场景应改用 stitch-nextjs-components。
主要能力：统一从 temp/source.html 读取源标记；提取设计令牌（内联 tailwind.config、CSS 自定义属性、样式表，最后才从高频计算值推断）；生成 src/components、src/data/mockData.ts、src/theme/tokens.ts、src/theme/useTheme.ts、src/types 等结构；提供布局与 Tailwind 类映射规则；组件通过 props 接收数据，使用 Readonly 接口，禁止硬编码十六进制颜色与 any 类型；支持后续叠加 shadcn/ui。
使用方式：前置条件为 Node.js + npm/pnpm，并初始化 Vite + React 项目：npm create vite@latest my-app -- --template react-ts。源解析：Stitch 屏幕需 Stitch MCP 访问与已生成屏幕，先 list_tools 发现前缀，再用 [prefix]:get_screen 获取元数据，然后 bash scripts/fetch-stitch.sh "[htmlCode.downloadUrl]" "temp/source.html"；本地文件用 mkdir -p temp && cp "path/to/design.html" temp/source.html；URL 用 bash scripts/fetch-stitch.sh "https://example.com/page" "temp/source.html"。视觉审计可查看 screenshot.downloadUrl，追加 =s0 获取全分辨率。集成 shadcn/ui 时运行 npx shadcn@latest init 与 npx shadcn@latest add button card input dialog。
适用场景：用户明确提到 Stitch 与 React（Vite、CRA 或普通 React 应用）时；需要将设计转为模块化组件、主题令牌与深色模式。
限制：仅 Stitch 路线需要 API 密钥，本地文件或 URL 无需 Google 账号；截图无上传途径，需改用文本提示生成或手写 HTML；URL 路线只下载单个 HTML 响应，外部链接样式表可能不会一并获取；若无法解析令牌应明确说明而非编造调色板。其他收费、价格、平台与效果信息暂未提供。