用途：借助 Google Stitch AI（https://stitch.withgoogle.com，由 Gemini 驱动）生成 UI 设计，并作为前端实现前的设计参考。
主要能力：提供两条集成路径。路径 A 为 Stitch MCP 自动化：在项目 .mcp.json 中启用 stitch 远程 http 服务器并设置 STITCH_API_KEY，即可直接调用工具，无需复制粘贴。工作流包括读取设计 SoT（.claude/design/design-system.md）、用 generate_screen_from_text 生成界面（草稿用 GEMINI_3_FLASH）、用 edit_screens / generate_variants 迭代、用 create_design_system / apply_design_system 维护设计系统、拉取界面 HTML 与截图 PNG，并持久化交接。路径 B 为手动回退：无 MCP、无认证或配额耗尽时，生成优化提示词，由用户粘贴到 Stitch 网站，再处理导出结果。支持 dashboard、landing、mobile、ecommerce、forms 等设计类型，模板见 references/prompt-templates.md。
使用方式：MCP 路径需在 .mcp.json 添加条目并设置 STITCH_API_KEY（在 Stitch → Settings 创建），API-key 认证优于 OAuth。首次连接应列出服务器工具并与官方文档核对，名称不符时使用真实名称，不可编造；服务器不可达则退回路径 B。手动路径流程为收集需求、生成提示词、创建评审文档、引导用户、处理导出。
限制：Stitch 仅输出静态布局，无悬停、动画、表单校验或状态管理，且不保证像素级精确；布局与外观由 Stitch 负责，行为、交互、动效与无障碍需另行指定。免费配额约每月 350 次生成（MCP 共享），每次生成都计入配额。MCP 端点、请求头与工具名来自未能完全验证的研究，使用前需核对官方文档。Google 另有开源 stitch-skills（google-labs-code/stitch-skills），按 README 安装，本技能未捆绑。