用途：把 Stitch 设计稿转换为模块化的 Vite/Vue 3 + Element Plus 组件。仅在用户明确提到“Stitch”并需要转换为 Vue 3 + Element Plus（Vite、.vue SFC）时使用。
主要能力：通过 Stitch MCP（或 stitch-mcp-get-screen）获取屏幕元数据与 HTML；用脚本可靠下载 HTML；按 Element Plus 组件契约生成 .vue 文件；将静态文本、图片 URL 与列表抽离到 src/data/mockData.js；用 resources/component-template.vue 起草组件并接入应用入口。
使用方式：先运行 list_tools 找到 MCP 前缀；从 Stitch 设计 URL 解析 projectId 与 screenId，或用 list_projects、list_screens 获取；构造 name: projects/{project}/screens/{screen} 调用 get_screen 获取设计 JSON、htmlCode.downloadUrl、screenshot.downloadUrl 等。下载 HTML 用：bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"。项目无 node_modules 时运行 npm install，最后 npm run dev 验证。
适用场景：Stitch 设计稿转 Vue 3 + Element Plus 前端实现，需模块化组件、数据解耦与组件契约约束的项目。
限制：需 Stitch MCP Server、Node.js/npm、Stitch 项目与屏幕 ID；AI 抓取工具可能无法下载 Google Cloud Storage URL，需用脚本；组件映射须遵循 references/contract.md；不适用于非 Stitch 或非 Vue 3 + Element Plus 的转换。