产品简介
stitch-skills 这是一个技能库，让编码代理如Claude Code、Cursor能轻松操作Google Stitch进行设计和开发。解决编码代理与Stitch集成的标准化问题，适合使用这些代理的开发者和设计团队。
核心功能
- 将前端代码转换为Stitch设计
- 从文本或图像生成新设计
- 管理设计系统并应用主题
- 生成React和React Native组件
- 构建React + Vite仪表板
快速开始
- 在编码代理（如Claude Code、Cursor）中添加Stitch Skills市场，运行命令如npx plugins add google-labs-code/stitch-skills。
- 安装所需插件，如stitch-design、stitch-build等。
- 配置并运行Stitch MCP服务器，确保技能可用。
界面预览
与其他方案对比
| 对比项 | stitch-skills | 同类方案 |
|---|---|---|
| 代理兼容性 | 兼容Antigravity、Gemini CLI、Claude Code、Cursor等多种主流编码代理 | 可能只支持单一或少数代理 |
| 标准化 | 遵循Agent Skills开放标准，确保技能可复用 | 可能使用私有标准，兼容性较差 |
适合谁用
- 使用Claude Code、Cursor等编码代理的软件开发者
- 需要将设计稿快速转换为代码的前端工程师
- 使用Google Stitch进行UI设计的设计师或开发团队
下载与版本
当前最新版本为 v1.0，发布于 2026-05-18。支持 Windows、macOS、Linux。点击页面「下载软件」按钮即可下载打包好的版本，根据你的电脑/手机系统来选择对应的软件。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/google-labs-code/stitch-skills