用途：该技能把 Google Stitch 的 MCP 集成接入 AI 工作流，用于 UI/UX 设计生成、设计上下文提取、屏幕代码导出和设计系统管理。
主要能力：extract_design_context 从现有屏幕提取字体、颜色、布局、组件等设计信息；generate_screen_from_text 依据文字描述生成新屏幕；fetch_screen_code 下载 HTML/CSS/JavaScript 代码；fetch_screen_image 下载高分辨率截图；create_project、list_projects、list_screens、get_project、get_screen 用于项目与屏幕管理。
使用方式：需先创建 Google Cloud 项目、启用 Stitch API（gcloud beta services mcp enable stitch.googleapis.com）、完成认证（gcloud auth application-default login）并设置 GOOGLE_CLOUD_PROJECT 环境变量。随后在 .mcp.json 中配置 stitch MCP 服务（命令为 npx -y stitch-mcp，并传入该环境变量）。典型流程为先提取设计上下文，再用其生成新屏幕，最后导出代码与图片。提示词建议一次处理一个屏幕或组件，包含用途、组件、布局、层级、交互与响应式要求。
适用场景：从文字快速生成界面、维护现有设计系统、把设计导出为前端代码、批量管理设计项目，以及以 Build Loop 模式进行自主前端开发。
限制：需具备 Google Cloud 项目与相应配额；认证、API 启用或配额问题会导致调用失败。资料未提供定价、平台支持范围或效果保证等具体信息。