Google Labs 发布 Stitch 设计技能库,支持多种编程 Agent
决策简报
Brief- 发生了什么
- google-labs-code 在 GitHub 发布 stitch-skills 技能库,让编程 Agent 通过 Stitch MCP 服务器调用设计生成与代码转换能力。
- 为什么重要
- Claude 相关变化会影响 AI 产品团队的技术选型和发布判断。
- 影响谁
- Claude Code · Claude · Gemini · MCP · Cursor
- 建议动作
- 评估是否影响你的技术选型
- 地区可用性
- 暂未验证地区可用性差异。
关键事实
- google-labs-code 在 GitHub 发布 stitch-skills 技能库,让编程 Agent 通过 Stitch MCP 服务器调用设计生成与代码转换能力。 [src-skill-radar]
- 把 Stitch 的设计生成、代码转设计稿、设计规范提取等能力封装成标准 Agent Skills,使用 Claude Code 或 Cursor 的前端团队可以直接用一条命令装进项目,不用自己写对接脚本。 [src-skill-radar]
由事件证据自动生成。
该库按 Agent Skills 开放标准组织,分三组插件:stitch-design 提供代码转设计、生成屏幕、管理设计系统、提取 DESIGN.md 等技能;stitch-build 提供 Stitch 屏幕转 React 组件、React Native、React+Vite 仪表盘、shadcn/ui 集成以及用 Remotion 生成走查视频;stitch-utilities 提供 DESIGN.md 生成、提示词增强、多页站点生成和质量设计规范。Codex 可通过插件市场安装,Claude Code 与 Cursor 用 npx plugins add 按项目或工作区安装,OpenCode 需手动复制技能目录并配置远程 Stitch MCP 条目。 前置条件是环境中已配置并运行 Stitch MCP 服务器,技能之间常有依赖,选择性安装时要补齐依赖项。对使用 Claude Code、Cursor 的前端开发者来说,代码转设计稿、设计系统同步、屏幕转 React 组件这些流程可以在 Agent 内直接驱动;OpenCode 用户还需把技能名改成小写连字符形式并将工具名从 web_fetch、run_command 换成 webfetch、bash 才能加载。项目声明非 Google 官方支持产品。
摘要依据:已读全文详摘依据上方标注的来源范围整理,内容以原文为准。
来源
- Skill Radar(GitHub 趋势)
Trending hands-on MCP servers, agent skills, and AI-coding tools discovered from GitHub search momentum.
- GitHub:google-labs-code/stitch-skills
留言
登入后即可留言,和其他 builder 交换实测心得。
还没有留言,抢头香。