mcpField

shadcn

shadcn-ui设计与 UI127.1k 次安装

关于 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.md
customization.md
design-system-page.md
design-system.md
mcp.md
registry.md
agents/
openai.yml
assets/showcase/
color-pair.tsx
preview-states.css
state-matrix.tsx
evals/
evals.json
rules/
base-vs-radix.md
chat.md
composition.md
forms.md
icons.md
styling.md
scripts/
showcase-coverage.mjs

评论

支持 Markdown