Communitygithub.com

google-labs-code/stitch-design

Stitch 设计工作的统一入口。处理提示增强(UI/UX关键词、氛围)、设计系统综合(.stitch/DESIGN.md),以及通过 Stitch MCP 生成/编辑高保真界面。

stitch-design 是什么?

这是一个专为 Stitch 设计工作流打造的统一入口工具,旨在帮助 AI 开发者和设计师无缝协作。它提供三大核心功能:首先,通过添加 UI/UX 关键词和氛围描述来增强用户提示,使生成的输出更具设计感;其次,它能从现有项目中综合生成为 `.stitch/DESIGN.md` 文件的设计系统,确保设计语言的一致性;最后,通过 Stitch MCP 协议,支持高保真界面屏幕的生成与迭代编辑。该工具适用于支持 MCP 协议的 AI 开发环境(如 Claude Code、Cursor、Codex 等),能够显著提升设计到代码的转化效率,减少手动调整样式的工作量。用户只需提供基础描述,即可快速获得符合设计系统的界面预览或完整代码。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/stitch-design

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

stitch-design 是做什么的?

用于 Stitch 设计工作的统一入口。处理提示增强(UI/UX 关键词、氛围)、设计系统综合(.stitch/DESIGN.md),以及通过 Stitch MCP 生成/编辑高保真界面屏幕。

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

相关技能