RepoDaily · 2026-07-12 · Security tool

Stitch Skills:Google Stitch MCP 的代理技能库

#7 Security tool TypeScript +338 google-labs-code/stitch-skills 打开仓库

一个基于 TypeScript 的代理技能库,与 Stitch MCP 服务器兼容,并通过 Agent Skills 开放标准支持 Claude Code 和 Cursor 等编码代理。

项目类型Security tool
最适合使用 Google Stitch、Stitch MCP 服务器或兼容编码代理(如 Claude Code 和 Cursor)的开发团队。
风险等级中等 - 需要特定的 MCP 服务器配置;并非 Google 官方支持的产品。
评估时间1-2 小时

核心问题: 您的开发环境是否使用 Stitch MCP 服务器或 Agent Skills 标准?

84/100

RepoDaily 采用评分

RepoDaily 将该项目的采用分评为 84/100(强):分数来自文章来源、安装路径、生产风险、差异化、许可证清晰度以及 AI/Agent 适配度。

基于 RepoDaily 来源和采用说明的方向性评分,不是基准测试。风险: 中
91证据质量

包含 4 个来源、覆盖 2 类来源;如有 RepoDaily 独有模块,会进一步提高证据分。

84可安装/可试用性

检测到 3 个工作流步骤、3 个下一步动作,以及 3 个命令/安装信号。

62维护可信度

趋势热度为 +338 stars;如内容中有 release、issue 或维护信号,会提高维护可信度。

85生产准备度

采纳风险标记为 medium,并包含 3 条安全说明与 3 条跳过条件。

91差异化

2 个机会视角、2 个替代方案,以及 2 个类型化模块支撑差异化判断。

82许可证清晰度

文章中包含许可证来源或许可证表述。

90Agent / AI 适配度

文章正文和元数据中检测到 7 个 AI/Agent 相关信号。

项目概览

Stitch Skills 是一个专为 Google Stitch 设计的代理技能和插件集合。该库使用 TypeScript 实现,并遵循 Agent Skills 开放标准,从而促进其与 Codex、Antigravity、Gemini CLI、Claude Code 和 Cursor 等多种编码代理的兼容性。

该项目为设计和构建工作流提供了预构建的能力。其结构允许开发者全局安装插件,或将特定技能有选择地集成到当前项目中。这些技能旨在自动化任务,例如将前端代码转换为 Stitch 设计、从文本或图像生成新的设计屏幕,以及通过特定命令管理系统。

为了正常运行,这些技能要求在代理环境中配置并运行 Stitch MCP 服务器。该存储库将技能组织为 `stitch-design`、`stitch-build` 和 `stitch-utilities` 等插件,每个插件针对开发生命周期的不同方面。尽管托管在 Google Labs Code 组织下,但该项目在文档中明确指出并非 Google 官方支持的产品。

解决什么问题

  • 开发人员经常缺乏可以在不同编码代理和环境中互操作的标准化“技能”。
  • 在 AI 工作流中将现有前端代码转换为设计格式或管理系统通常是手动且零散的。
  • 设置 AI 代理与 Stitch MCP 服务器等特定工具进行交互通常需要定制配置。

工作原理

  1. 用户可以通过 `codex` CLI 全局安装插件套件,或者针对 Claude Code 和 Cursor 等特定代理使用 `npx` 命令在本地安装。
  2. `codex` 安装方法支持稀疏检出,通过仅检出 `.agents/plugins` 或 `plugins/stitch-design` 等特定路径来优化克隆速度。
  3. 安装完成并运行 Stitch MCP 服务器后,用户可以使用自然语言提示与技能进行交互,例如“上传前端代码”或“生成设计变体”。

安装与设置证据

该存储库根据用户环境提供两种主要的安装方法。对于 Codex 用户,推荐的方法是通过 CLI 添加 Stitch Skills 市场,使用命令 `codex plugin marketplace add google-labs-code/stitch-skills --ref main`。该命令支持可选的 `--sparse` 标志,通过仅检出必要的目录来优化克隆速度。

对于 Claude Code 和 Cursor 用户,通过 `npx` 处理安装。命令 `npx plugins add google-labs-code/stitch-skills --scope project --target claude-code` 将插件安装到 Claude Code 的当前项目中,而将目标更改为 `cursor` 则会为 Cursor 工作区进行设置。可以使用 `npx skills add` 选择性地安装单个技能,但文档指出技能之间通常存在必须解决的相互依赖关系。

可用技能与插件

  • stitch-design:专注于核心设计工作流。它包括 `stitch::code-to-design`(用于将 React/Vue 代码转换为 Stitch 设计)、`stitch::generate-design`(用于从文本/图像创建屏幕)以及 `stitch::manage-design-system`(用于上传 `DESIGN.md` 文件)等技能。
  • stitch-build:用于构建和组件技能(在插件描述中提供详细信息)。
  • stitch-utilities:涵盖实用程序和辅助技能(在插件描述中提供详细信息)。
  • 依赖关系:选择性地安装技能时,用户需要手动验证并包含所有必需的依赖项,因为该库指出技能之间存在频繁的相互依赖关系。

谁适合关注

适合关注

  • 已经在开发流程中使用 Google Stitch 平台或 Stitch MCP 服务器的团队。
  • 使用 Claude Code、Cursor 或 Codex 并希望通过标准化的设计和构建技能扩展代理能力的开发人员。
  • 需要将前端代码自动转换为设计格式或自动化设计系统管理的项目。

可以先跳过

  • 不使用 Stitch MCP 服务器或兼容编码代理的组织。
  • 寻求独立安全工具的团队,因为该库充当现有生态系统的插件/技能集合。
  • 在手动处理时,代理技能之间的依赖关系管理是关键瓶颈且无法处理的项目。

风险与注意事项

该项目需要特定的运行时环境 (Stitch MCP) 并且处于早期版本阶段 (0.1.x)。

  • 根据安全政策,目前支持的版本仅限于 0.1.x。
  • 文档明确指出这不是 Google 官方支持的产品,这可能会影响长期支持保证。
  • 设置需要配置 Stitch MCP 服务器,并在选择性地安装技能时处理潜在的相互依赖关系。
  • 必须通过 GitHub 安全建议选项卡报告漏洞,而不是通过标准的 Google 渠道。
  • 该项目不符合 Google 开源软件漏洞奖励计划 (VRP) 的资格。
  • 支持的版本为 0.1.x;低于 0.1 的版本不受支持。

替代方案比较

方案适用场景代价
原生代理插件
当用户更喜欢 Claude Code 或 Cursor 的内置工具而不依赖 MCP 时。视情况而定
定制技能开发
当团队拥有标准库无法覆盖的高度特定工作流时。高(开发时间)
直接使用 Stitch MCP 工作流
当团队希望直接调用 Stitch MCP 工具,并自行控制 prompt、依赖和工作流逻辑,而不是采用插件抽象时。依赖开销较低,但工作流维护成本更高

这个趋势说明了什么

AI 交互的标准化

该库坚持“Agent Skills”开放标准,表明正向可互操作的 AI 工具发展,从而减少对特定编码代理的供应商锁定。

README 明确提到了通过 Agent Skills 标准与多个代理(Codex、Antigravity、Gemini CLI、Claude Code、Cursor)的兼容性。

设计-开发自动化

诸如 `stitch::code-to-design` 之类的功能弥合了前端实现与设计工具之间的差距,可能会简化交接过程。

`stitch-design` 插件文档列出了将代码转换为设计以及从源代码提取设计系统的具体技能。

下一步建议

验证 MCP 环境并通过 NPM 安装

确保 Stitch MCP 服务器已设置,然后为您的特定代理(Claude Code 或 Cursor)安装 `stitch-design` 插件以测试 `generate-design` 技能。

  1. 确认 Stitch MCP 服务器已配置并使用正确的环境变量运行。
  2. 运行 `npx plugins add google-labs-code/stitch-skills --scope project --target claude-code`(或 `--target cursor`)。
  3. 使用 `stitch::generate-design` 技能执行测试提示,以创建一个简单的屏幕。

RepoDaily 判断

Stitch Skills 为扩展编码代理的设计和构建能力提供了一个引人注目的标准化库,专为 Stitch 生态系统量身定制。尽管早期版本状态(0.1.x)和缺乏 Google 官方产品支持带来了采用风险,但其开放标准方法以及对 Claude Code 等流行代理的兼容性,使其成为投资 AI 辅助设计工作流的团队的宝贵工具。

信息来源