回到时间线

10月15日周四08:30ToolsMCP 与 SkillsAI CodingAgentMCP 与 Skills指南

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]
高信心100% 主张有证据

由事件证据自动生成。

该库按 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 官方支持产品。

摘要依据:已读全文详摘依据上方标注的来源范围整理,内容以原文为准。

来源

相关情报

留言

登入后即可留言,和其他 builder 交换实测心得。

还没有留言,抢头香。