shadcn
关于 shadcn
管理 shadcn 组件和项目,支持添加、搜索、修复、调试、设置样式和组合 UI(包括聊天界面)。提供项目上下文、组件文档和用法示例。适用于使用 shadcn/ui、组件注册表、预设、--preset 代码或任何包含 components.json 文件的项目。也适用于执行“shadcn init”“create an app with --preset”“switch to --preset”,以及构建设计系统或将 DESIGN.md 或品牌规范应用于 shadcn/ui。
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / shadcn-ui/ ui --skill shadcn安装后在 Claude Code 中输入/shadcn确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
cli.mdcustomization.mddesign-system-page.mddesign-system.mdmcp.mdregistry.mdagents/openai.ymlassets/showcase/color-pair.tsxpreview-states.cssstate-matrix.tsxevals/evals.jsonrules/base-vs-radix.mdchat.mdcomposition.mdforms.mdicons.mdstyling.mdscripts/showcase-coverage.mjs评论
支持 Markdown