用途：把 Stitch 设计稿转换为干净、模块化的 Vue 3 + Layui-Vue 代码（Vite、.vue 单文件组件）。仅在用户明确提到“Stitch”并需要将 Stitch 屏幕转换为 Vue 3 + Layui-Vue 时使用。
主要能力：通过 Stitch MCP（或 stitch-mcp-get-screen）获取屏幕元数据与 HTML；用技能内脚本与资源完成可靠抓取与质量检查；按架构规则拆分组件、隔离逻辑、解耦数据；优先使用 Layui-Vue 框架组件（如 lay-card、lay-divider、lay-btn、lay-input、lay-page-header、lay-result 等），遵循 Layui 颜色令牌与 2px/4px 圆角。
使用方式：前置条件为 Stitch MCP Server、Node.js 与 npm。项目 ID 与屏幕 ID 可从 Stitch 设计 URL 解析（路径取 projectId，node-id 查询取 screenId），或用 stitch-mcp-list-projects 与 stitch-mcp-list-screens 发现。先运行 list_tools 找到 MCP 前缀，再调用 [prefix]:get_screen 获取设计 JSON、htmlCode.downloadUrl、screenshot.downloadUrl 等。HTML 下载建议用 Bash 执行：bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"，URL 需加引号。随后创建 src/data/mockData.js，以 resources/component-template.vue 为基础编写组件，更新应用入口，按 resources/architecture-checklist.md 检查并运行 npm run dev 验证。若项目无 node_modules，先运行 npm install。
适用场景：Stitch 设计稿转 Vue 3 + Layui-Vue 组件；从 Stitch HTML（含 Tailwind）转换时参考 references/tailwind-to-layui.md 与 references/contract.md；若项目有 DESIGN.md，对齐颜色与间距。
限制：仅限上述明确场景；需 Stitch MCP 与 Node 环境；AI 抓取工具可能无法下载 Google Cloud Storage URL，需用脚本；组件映射须遵循 contract.md；生成组件省略第三方许可证头。其他细节暂未提供。