·stitch

Google Stitch UI 设计工具。从文本提示生成屏幕,将设计转换为 React 组件,创建 DESIGN.md 设计系统。使用场合:设计 UI、生成屏幕、将 Stitch 转换为代码、创建设计令牌。关键词:缝合、设计、UI、屏幕、生成、反应、组件、DESIGN.md、线框、原型、样机。

2安装·1热度·@brixtonpham

安装

$npx skills add https://github.com/brixtonpham/claude-config --skill stitch

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

相关 Skills

暂无