用途：当用户明确提到 “Stitch” 且需把 Stitch 界面转换为 Vue 3 + Element Plus（Vite、.vue SFC）时使用本技能。
主要能力：通过 Stitch MCP（get_screen）获取屏幕元数据与 HTML，得到设计 JSON、htmlCode.downloadUrl、screenshot.downloadUrl、尺寸与设备类型；也可用 list_projects / list_screens 发现 projectId 与 screenId。提供脚本实现高可靠 HTML 下载：bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"，并用截图核对布局细节。生成时要求模块化 .vue 文件、逻辑放入 src/composables/ 或 script setup、静态文本与图片放入 src/data/mockData.js，并优先使用 Element Plus 组件（如 el-card、el-alert、el-button、el-form、el-row/el-col）。
前置条件：Stitch MCP Server、Node.js 与 npm；需要 Stitch 项目与屏幕 ID（可从设计 URL 解析或经列表接口获取）。
使用方式：先运行 list_tools 确认 MCP 前缀，构造 projects/{project}/screens/{screen} 调 get_screen；项目无 node_modules 时执行 npm install；按 resources/component-template.vue 起草组件，更新 App.vue 或路由，参考 resources/architecture-checklist.md 自检并运行 npm run dev 验证。若 Stitch 由 stitch-ui-design-spec-element-plus 生成，可按 Element Plus 映射；若从 HTML 转换，可参考 tailwind-to-element-plus.md 与 contract.md。
限制：仅在用户显式提及 Stitch 时使用；不执行未经授权的写入、发布或不可逆动作；缺失的版本、哈希或测试输出应标记 NOT_VERIFIED；本资料未提供收费与价格信息。