用途:把 Stitch 设计转换为 uni-app + Vue 3 + uView Pro 的页面与组件(pages/、components/、.vue 或 .uvue、u-* 组件)。仅在用户明确提到 Stitch 且要求转换为 uni-app + uView Pro 时使用。
主要能力:通过 Stitch MCP 的 get_screen 获取设计 JSON、htmlCode.downloadUrl、screenshot.downloadUrl、尺寸与设备类型;用脚本可靠下载 HTML;按 uView Pro 组件契约生成模块化页面,避免使用原生 button/input/div 替代 u-* 组件。
使用方式:先确认 uni-app 项目已安装并配置 uView Pro(Vue 3、main.js、uni.scss)。解析 Stitch 设计 URL 得到 projectId(/projects/ 后路径段)与 screenId(node-id 查询参数),或调用 list_projects、list_screens 获取。调用 [prefix]:get_screen 取屏幕数据,用 bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html" 下载 HTML(URL 需加引号)。以 resources/page-template.vue 为基础起草页面,在 pages.json 注册页面,按 resources/architecture-checklist.md 做质量检查,并在 HBuilderX 或 CLI 中运行验证。
关键规则:卡片用 u-card 或 u-section,提示用 u-text,分隔线用 u-line/u-divider,标签页必须用 u-tabs;Picker 用 v-model 与一维 :range,Radio 用 value 与 label;插槽用 #label、#suffix 或 v-slot,不用 slot="..."。生成页面/组件时省略第三方许可证头。
适用场景:将 Stitch 屏幕转为 uni-app 页面、表单、导航、列表与反馈组件。限制:需 Stitch MCP 服务器与项目/屏幕 ID;AI 抓取工具可能无法下载 Google Cloud Storage URL,需用脚本;具体收费、价格与效果资料暂未提供。