用途：把 Stitch 设计稿转换为模块化、移动优先的 Vue 3 + Vant 4 组件（Vite、.vue SFC）。仅在用户明确提到“Stitch”并需要转换为 Vue 3 + Vant 4 时使用。
主要能力：通过 Stitch MCP 的 get_screen 获取设计 JSON、htmlCode.downloadUrl、screenshot.downloadUrl、尺寸与设备类型；用脚本可靠下载 HTML；按契约把设计映射为 Vant 4 组件（如 van-button、van-form、van-field、van-nav-bar、van-tabbar、van-cell-group、van-card、van-submit-bar）；拆分多个 .vue 文件，逻辑放入 composables，静态数据抽到 mockData。
使用方式：需 Stitch MCP Server、Node.js/npm 及 Stitch 项目与屏幕 ID。ID 可从设计 URL 解析 projectId 与 screenId，或用 stitch-mcp-list-projects、stitch-mcp-list-screens 获取。先运行 list_tools 找到 MCP 前缀，再调用 get_screen。下载 HTML 用：bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"（URL 需加引号）。无 node_modules 时运行 npm install；以 resources/component-template.vue 为模板，更新入口渲染组件，按 architecture-checklist.md 检查并运行 npm run dev 在移动视口验证。
适用场景：Stitch 设计稿转 Vue 3 + Vant 4 移动端页面；若设计由 stitch-ui-design-spec-vant 生成，可直接映射；从 Stitch HTML 转换时参考 tailwind-to-vant.md 与 contract.md；有 DESIGN.md 时对齐颜色与间距。
限制：仅限上述技术栈与明确提及 Stitch 的场景；AI 抓取工具可能无法下载 Google Cloud Storage URL，需用脚本；生成组件省略第三方许可证头；其余细节暂未提供。