用途：把 Stitch 设计稿转换为干净、模块化的 Vue 3 + Vant 4 移动端代码（Vite、.vue 单文件组件、移动优先）。仅在用户明确提到“Stitch”并需要转换为 Vue 3 + Vant 4 时使用。
主要能力：通过 Stitch MCP（或 stitch-mcp-get-screen）获取屏幕元数据与 HTML；用技能内脚本可靠下载 HTML 并做质量检查；按架构规则拆分组件、隔离逻辑、解耦数据；使用 Vant 4 组件映射设计元素。
必要用法：前置条件为 Stitch MCP Server、Node.js 与 npm、Stitch 项目与屏幕 ID。ID 可从 Stitch 设计 URL 解析 projectId（路径）与 screenId（node-id 查询），或用 stitch-mcp-list-projects 与 stitch-mcp-list-screens 发现。先运行 list_tools 找到 MCP 前缀，再调用 [prefix]:get_screen 获取设计 JSON、htmlCode.downloadUrl、screenshot.downloadUrl、尺寸与设备类型。下载 HTML 用：bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"，URL 需加引号。执行步骤：无 node_modules 时运行 npm install；创建 src/data/mockData.js；以 resources/component-template.vue 为基础起草组件；更新应用入口渲染组件；对照 resources/architecture-checklist.md 检查并运行 npm run dev 在移动视口确认。
适用场景：Stitch 设计稿转 Vue 3 + Vant 4 移动端页面；从 Stitch HTML 转换时参考 references/tailwind-to-vant.md 与 references/contract.md；若项目有 DESIGN.md 则对齐颜色与间距。
限制：仅限明确提及 Stitch 的场景；必须使用 Vant 4 组件而非自定义卡片 div；移动优先 375px 基准、安全区、flex 布局；生成组件省略第三方许可证头；AI 抓取工具可能在 Google Cloud Storage URL 上失败，需用脚本下载。其他细节暂未提供。