用途：把 Stitch 设计稿转换为干净、模块化的 Vue 3 + Element Plus 代码，适用于 Vite 项目与 .vue 单文件组件。仅在用户明确提到“Stitch”并需要将 Stitch 界面转换为 Vue 3 + Element Plus 时使用。
主要能力：通过 Stitch MCP（或 stitch-mcp-get-screen）获取屏幕元数据与 HTML；使用技能内脚本与资源完成可靠抓取与质量检查；按架构规则拆分组件、隔离逻辑、解耦数据，并优先使用 Element Plus 组件而非原生 HTML。
使用方式：前置条件包括 Stitch MCP Server、Node.js 与 npm、Stitch 项目与屏幕 ID。ID 可从 Stitch 设计 URL 解析（路径取 projectId，node-id 查询取 screenId），或用 stitch-mcp-list-projects 与 stitch-mcp-list-screens 发现。先运行 list_tools 找到 MCP 前缀，再调用 get_screen 获取设计 JSON、htmlCode.downloadUrl、screenshot.downloadUrl 等。高可靠下载 HTML 用：bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"。执行步骤：无 node_modules 时运行 npm install；创建 src/data/mockData.js；以 resources/component-template.vue 为基础起草组件；更新应用入口渲染组件；对照 resources/architecture-checklist.md 检查并运行 npm run dev 验证。
适用场景：Stitch 设计稿到 Vue 3 + Element Plus 的桌面端转换，含 Tailwind 到 Element Plus 的映射与 DESIGN.md 语义系统对齐。
限制：仅限明确提及 Stitch 的场景；需 Stitch MCP 与项目/屏幕 ID；AI 抓取工具可能在 Google Cloud Storage URL 上失败，需用脚本；具体收费、价格、平台与效果资料暂未提供。