用途：当用户明确提到 Stitch 并需要把 Stitch 屏幕转换为 Vue 3 + Layui-Vue（Vite、.vue SFC）时使用本技能。
主要能力：通过 Stitch MCP（或 stitch-mcp-get-screen）获取屏幕元数据与 HTML，使用脚本和资源完成可靠抓取与质量检查；将设计拆分为模块化 .vue 组件，把事件处理与 composable 隔离到 src/composables/，把静态文本、图片 URL 和列表移入 src/data/mockData.js。
必要用法：需准备 Stitch MCP 服务器、Node.js 与 npm。获取 projectId 和 screenId 有两种方式：解析 Stitch 设计 URL 的路径与 node-id 查询参数；或无 URL 时用 stitch-mcp-list-projects 和 stitch-mcp-list-screens 获取。先运行 list_tools 找到 MCP 前缀，再以 name: projects/{project}/screens/{screen} 调用 get_screen。HTML 下载建议用 Bash 运行 bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"，URL 需加引号；用 screenshot.downloadUrl 做视觉参考。组件以 resources/component-template.vue 为基础，遵循 references/contract.md 映射 Layui-Vue 组件，如 lay-btn、lay-input、lay-card、lay-table、lay-page-header、lay-result、lay-skeleton、lay-timeline、lay-space；颜色与间距用 Layui token，圆角仅 2px/4px。
执行步骤：若项目无 node_modules 先运行 npm install；创建数据层、草拟组件、接入 App.vue 或路由、按 architecture-checklist 质检，运行 npm run dev 目视确认。
限制：仅在用户明确提及 Stitch 时使用，不用于相邻任务；生成组件省略第三方许可头。抓取失败时先检查 URL 引号与脚本可执行权限。资料未提供具体版本、收费与价格信息。