用途：把 Stitch 设计稿转换为干净的模块化 Vue 3 + Bootstrap 代码，目标栈为 Vue 3 + BootstrapVue Vue.js 3 Support（@vue/compat）或 BootstrapVueNext（Bootstrap 5 + Vue 3）。仅在用户明确提到 Stitch 并需要转换 Stitch 屏幕到 Vue 3 + Bootstrap（Vite、.vue SFC）时使用。
主要能力：通过 Stitch MCP（或 stitch-mcp-get-screen）获取屏幕元数据与 HTML；用脚本可靠下载 HTML 并做质量检查；按架构规则拆分组件、隔离逻辑、解耦数据；强制使用 Bootstrap 组件契约（b-container、b-row、b-col、b-button、b-card、b-form-group 等），避免原生 div.card 或 button.btn。
使用方式：前置需 Stitch MCP Server、Node.js 与 npm。先运行 list_tools 发现 MCP 前缀，再由 projectId 与 screenId 构造 projects/{project}/screens/{screen} 调用 get_screen。高可靠下载命令：bash scripts/fetch-stitch.sh "<htmlCode.downloadUrl>" "temp/source.html"（URL 需加引号）。无 URL 时用 stitch-mcp-list-projects 与 stitch-mcp-list-screens 获取 ID。执行步骤：无 node_modules 时 npm install；创建 src/data/mockData.js；以 resources/component-template.vue 为基稿；更新 App.vue 或路由；对照 resources/architecture-checklist.md 检查并运行 npm run dev 验证。
适用场景：Stitch 设计转 Vue 3 + Bootstrap 组件；从 Stitch HTML 转换时参考 references/tailwind-to-bootstrap.md 与 references/contract.md；若项目有 DESIGN.md 则对齐颜色与间距。
限制：仅限明确提及 Stitch 的请求；写入、付费、发布等不可逆动作需授权；证据缺失应标记 NOT_VERIFIED；超时或部分成功先查询再重试；不编造未提供的功能、收费或平台信息。