用途：仅在用户明确提到“Stitch”并需要把 Stitch 屏幕转换为 Vue 3 + Layui-Vue（Vite、.vue SFC）时使用。
主要能力：通过 Stitch MCP 的 get_screen 获取设计 JSON、htmlCode.downloadUrl、screenshot.downloadUrl、尺寸与设备类型；用脚本可靠下载 HTML；按 Layui-Vue 组件契约生成模块化组件。
使用方式：先运行 list_tools 找到 MCP 前缀，构造 projects/{project}/screens/{screen} 调用 get_screen；下载 HTML 用 bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"（URL 需加引号）。项目无 node_modules 时运行 npm install；创建 src/data/mockData.js；以 resources/component-template.vue 为模板；更新 App.vue 或路由；按 resources/architecture-checklist.md 检查并运行 npm run dev 验证。
架构规则：拆分为多个 .vue 文件，避免单个巨型 SFC；事件与组合式逻辑放 src/composables/ 或 script setup；静态文本、图片 URL、列表移入 src/data/mockData.js；优先使用 Layui-Vue 组件（lay-card、lay-divider、lay-btn、lay-input、lay-page-header、lay-result 等），遵循 Layui 颜色令牌与 2px/4px 圆角；生成组件省略第三方许可证头。
适用场景：Stitch 设计稿转 Vue 3 + Layui-Vue 前端实现；从 Stitch HTML 转换时参考 references/tailwind-to-layui.md 与 references/contract.md；若项目有 DESIGN.md 则对齐颜色与间距。
限制：仅限明确提及 Stitch 的场景；需 Stitch MCP 服务器、Node.js/npm、项目与屏幕 ID；写入、发布等不可逆动作需授权；结果需独立验证，缺失证据标记 NOT_VERIFIED；不编造未提供的功能或价格。