stitch-skills 可以免费使用吗？用的什么许可证？

stitch-skills 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。

stitch-skills 还在维护吗？

半年内有更新。stitch-skills 最近一次提交是在 2026年8月17日。

stitch-skills 适合用来做什么？

把现有前端代码转为 Stitch 设计稿，便于评审和迭代。根据 Stitch 界面生成 React 组件，并保持设计 token 一致。生成 DESIGN.md，记录项目的视觉规范，供其他智能体遵循。为 Stitch 项目制作功能演示视频。

stitch-skills 怎么安装和运行？

通过 CLI 在 Codex 中添加 Stitch Skills 插件市场: codex plugin marketplace add google-labs-code/stitch-skills --ref main --sparse .agents/plugins --sparse plugins/stitch-design --sparse plugins/stitch-build --sparse plugins/stitch-utilities 或使用 npx 选择性安装技能: npx skills add google-labs-code/stitch-skills

在哪里获取 stitch-skills？

源代码和安装说明在 GitHub 上：https://github.com/google-labs-code/stitch-skills

google-labs-code/stitch-skills

一组智能体技能与插件，让编程智能体通过 Stitch MCP 服务器操作 Google Stitch 设计项目。

可替代:Figma

在 GitHub 查看官网

Star: 8,546
Fork: 1,115
未关闭 Issue: 17
最近提交: 2个月前

这是什么？

Stitch Skills 是一组面向 Google Stitch 设计工具的智能体技能。每个技能都是一个包含指令的文件夹，Claude Code、Cursor、Codex、Gemini CLI 等编程智能体可以加载它们来完成特定的 Stitch 工作流。使用前需要在智能体环境中配置好 Stitch MCP 服务器。

技能分为三个插件。stitch-design 负责生成和编辑界面、管理设计系统、从源码提取 DESIGN.md 以及上传资源；stitch-build 负责把 Stitch 界面转换为 React、React Native 或 React + Vite 仪表盘代码，并提供 shadcn/ui 指导和 Remotion 演示视频生成；stitch-utilities 负责提示词优化、DESIGN.md 生成和多页网站生成。

技能可通过 Codex 插件市场、npx plugins 或 npx skills 命令安装，OpenCode 则需要手动复制。部分技能之间存在依赖，选择性安装时需要一并装上依赖项。

核心功能

01根据文本或图片生成新的 Stitch 界面，并编辑已有界面。
02从前端源码中提取 DESIGN.md 设计系统文件。
03将 Stitch 界面转换为 React、React Native 或 React + Vite 仪表盘代码。
04把本地 HTML、图片和设计稿上传到 Stitch 项目。
05可安装到 Claude Code、Cursor、Codex、Gemini CLI 等兼容 Agent Skills 标准的智能体中。

适用场景

把现有前端代码转为 Stitch 设计稿，便于评审和迭代。
根据 Stitch 界面生成 React 组件，并保持设计 token 一致。
生成 DESIGN.md，记录项目的视觉规范，供其他智能体遵循。
为 Stitch 项目制作功能演示视频。

快速上手

1
通过 CLI 在 Codex 中添加 Stitch Skills 插件市场
codex plugin marketplace add google-labs-code/stitch-skills --ref main --sparse .agents/plugins --sparse plugins/stitch-design --sparse plugins/stitch-build --sparse plugins/stitch-utilities
2
或使用 npx 选择性安装技能
npx skills add google-labs-code/stitch-skills

使用前须知

使用前需要先配置并运行 Stitch MCP 服务器及相应凭据。
这不是 Google 官方支持的产品。

常见问题

stitch-skills 是什么？: 一组智能体技能与插件，让编程智能体通过 Stitch MCP 服务器操作 Google Stitch 设计项目。 Stitch Skills 是一组面向 Google Stitch 设计工具的智能体技能。每个技能都是一个包含指令的文件夹，Claude Code、Cursor、Codex、Gemini CLI 等编程智能体可以加载它们来完成特定的 Stitch 工作流。使用前需要在智能体环境中配置好 Stitch MCP 服务器。
stitch-skills 可以免费使用吗？用的什么许可证？: stitch-skills 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。
stitch-skills 还在维护吗？: 半年内有更新。stitch-skills 最近一次提交是在 2026年8月17日。
stitch-skills 适合用来做什么？: 把现有前端代码转为 Stitch 设计稿，便于评审和迭代。根据 Stitch 界面生成 React 组件，并保持设计 token 一致。生成 DESIGN.md，记录项目的视觉规范，供其他智能体遵循。为 Stitch 项目制作功能演示视频。
stitch-skills 怎么安装和运行？: 通过 CLI 在 Codex 中添加 Stitch Skills 插件市场: codex plugin marketplace add google-labs-code/stitch-skills --ref main --sparse .agents/plugins --sparse plugins/stitch-design --sparse plugins/stitch-build --sparse plugins/stitch-utilities 或使用 npx 选择性安装技能: npx skills add google-labs-code/stitch-skills
在哪里获取 stitch-skills？: 源代码和安装说明在 GitHub 上：https://github.com/google-labs-code/stitch-skills

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。