关于 shadcn-ui
shadcn-ui 是供 Agent 使用的设计技能，可借助 shadcn/ui 构建结构化、易访问的界面组件，并配合 Stitch 设计流程。
主要功能
- 01构建 shadcn/ui 组件
- 02组织界面组件结构
- 03创建易访问的组件
- 04配合 Stitch 设计流程
适用场景
- 01构建易访问的界面组件
- 02在界面工作中应用 Stitch 设计流程
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/shadcn-ui确认已加载。
详细介绍
shadcn-ui
精选自 Google Labs（Stitch）。
功能
使用 shadcn/ui 构建 UI 组件。与 Stitch 设计循环配合，快速交付结构清晰、无障碍的组件。
来源
- 上游：https://github.com/google-labs-code/skills
- 类别：
design-systems
使用方法
此目录条目会在 OpenDesign 中介绍该技能，让 Agent 在规划期间发现它。若要使用原始资源、脚本和参考资料运行完整的上游工作流，请将上游套件安装到当前 Agent 的技能目录中：
# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills
然后让 Agent 按名称（shadcn-ui）或使用此技能 frontmatter 中列出的某个触发短语来调用该技能。
评论
支持 Markdown