stitch
✓Google Stitch UI 设计工具。从文本提示生成屏幕,将设计转换为 React 组件,创建 DESIGN.md 设计系统。使用场合:设计 UI、生成屏幕、将 Stitch 转换为代码、创建设计令牌。关键词:缝合、设计、UI、屏幕、生成、反应、组件、DESIGN.md、线框、原型、样机。
SKILL.md
Export to React → Invoke react:components skill after getting screen
Create Design System → Invoke design-md skill to generate DESIGN.md
| stitch/listprojects | filter: "view=owned" or "view=shared" | | stitch/createproject | title: string | | stitch/getproject | name: "projects/{id}" | | stitch/listscreens | projectId: "projects/{id}" | | stitch/getscreen | projectId, screenId | | stitch/generatescreenfromtext | projectId, prompt, deviceType, modelId |
Google Stitch UI 设计工具。从文本提示生成屏幕,将设计转换为 React 组件,创建 DESIGN.md 设计系统。使用场合:设计 UI、生成屏幕、将 Stitch 转换为代码、创建设计令牌。关键词:缝合、设计、UI、屏幕、生成、反应、组件、DESIGN.md、线框、原型、样机。 来源:brixtonpham/claude-config。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/brixtonpham/claude-config --skill stitch- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 stitch?
Google Stitch UI 设计工具。从文本提示生成屏幕,将设计转换为 React 组件,创建 DESIGN.md 设计系统。使用场合:设计 UI、生成屏幕、将 Stitch 转换为代码、创建设计令牌。关键词:缝合、设计、UI、屏幕、生成、反应、组件、DESIGN.md、线框、原型、样机。 来源:brixtonpham/claude-config。
如何安装 stitch?
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/brixtonpham/claude-config --skill stitch 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪?
https://github.com/brixtonpham/claude-config
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01