ByteNoteByteNote

字节笔记本

2026年5月15日

Stitch Agent Skills:Google Labs 开源的 AI 技能库

API中转
¥120

Google Labs 开源了 Stitch Agent Skills,一套基于 Agent Skills 开放标准的技能库,兼容 Antigravity、Gemini CLI、Claude Code、Cursor 等多种 AI 编码工具。

项目简介

Stitch Agent Skills 是 Google Labs 推出的 Agent Skills 库,专为 Stitch MCP 服务器设计。每个技能遵循 Agent Skills 开放标准,确保在主流编程 Agent 之间可移植。截至目前,该项目在 GitHub 上已获得 5418 Stars,使用 TypeScript 编写。

核心特性

  • 多 Agent 兼容:同一技能可在 Antigravity、Gemini CLI、Claude Code、Cursor 中互换使用
  • 即装即用:通过 npx skills add 一行命令安装,自动检测你的编程 Agent 并放置到正确位置
  • 覆盖面广:从 UI 设计到 React 组件,再到视频演示生成,覆盖多种场景
  • 开源标准:基于 Agent Skills 开放标准,任何人都可以贡献新的技能

可用技能

stitch-design

统一设计入口,处理 prompt 增强、设计系统生成和高保真屏幕生成。

bash
npx skills add google-labs-code/stitch-skills --skill stitch-design --global

stitch-loop

从一条 prompt 生成完整的多页网站,自动文件组织和验证。

bash
npx skills add google-labs-code/stitch-skills --skill stitch-loop --global

design-md

分析 Stitch 项目,生成描述设计系统的 DESIGN.md 文件。

bash
npx skills add google-labs-code/stitch-skills --skill design-md --global

enhance-prompt

将模糊的 UI 想法转化为优化的 Stitch prompt,增加细节和设计系统上下文。

bash
npx skills add google-labs-code/stitch-skills --skill enhance-prompt --global

react-components

将 Stitch 屏幕转换为 React 组件系统,自动验证和设计 Token 一致性。

bash
npx skills add google-labs-code/stitch-skills --skill react:components --global

remotion

用 Remotion 生成 Stitch 项目演示视频。

bash
npx skills add google-labs-code/stitch-skills --skill remotion --global

shadcn-ui

shadcn/ui 组件集成与自定义指南。

bash
npx skills add google-labs-code/stitch-skills --skill shadcn-ui --global

技能目录结构

每个技能遵循标准化结构,确保 Agent 能快速理解和执行:

text
skills/[category]/
├── SKILL.md           # Agent 的"任务控制中心"
├── scripts/           # 可执行脚本(验证与网络)
├── resources/         # 知识库(检查清单与样式指南)
└── examples/          # "黄金标准"参考示例

项目链接

分享: