用途：在用户明确提到「Stitch」并需要把 Stitch 屏幕转换为 uni-app + Vue 3 + uView Pro（pages/、components/、.vue 或 .uvue、u-* 组件）时使用本技能，担当把设计稿落到 uni-app 工程的前端角色。
主要能力：通过 Stitch MCP 的 get_screen 获取设计 JSON、htmlCode.downloadUrl、screenshot.downloadUrl、尺寸与设备类型；提供 scripts/fetch-stitch.sh 用于高可靠 HTML 下载；提供组件索引、Tailwind 到 uView Pro 的样式映射、HTML 模式与组件契约等参考文件；生成后可用 architecture-checklist.md 做质量检查。
使用方式：先确认已配置 Stitch MCP Server 与 uView Pro（Vue 3、main.js、uni.scss）。用 list_tools 找到 MCP 前缀，从 Stitch 设计 URL 路径解析 projectId、从 node-id 查询参数解析 screenId；无 URL 时用 list_projects 与 list_screens 发现 ID。随后以 name: projects/{project}/screens/{screen} 调用 get_screen。下载 HTML 时在 Bash 中执行 bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"，URL 需加引号。生成时按契约使用 u-* 组件：u-tabs 做标签切换、u-card/u-section 做卡片、u-text 做提示、u-line/u-divider 做分隔、u-picker 配 v-model 与一维 :range、u-radio 用 value 与 label，插槽用 #label 等 Vue 3 写法，避免裸 div/button/input 与 slot="..."。最后在 pages.json 注册页面并用 HBuilderX 或 CLI 在模拟器/真机验证。
适用场景：把 Stitch 生成的界面或 HTML（含套用 stitch-ui-design-spec-uviewpro 约束者）映射为 uni-app 页面与组件；项目存在 DESIGN.md 时对齐其配色与 rpx 间距。
限制与边界：仅当用户明确提及 Stitch 时使用；写入、付费、发布等不可逆动作需明确授权；缺少运行结果、资源 ID、版本或测试输出时应标记为未验证；除上述参考文档与脚本外，部分实现细节与示例文件内容暂未提供。