SK Skill 推荐网 skills.qiaomu.ai
前端与 React #3 安装量 217,056 原文已核对

shadcn

围绕 shadcn/ui 的组件新增、检索、修复、样式调整与组合使用，适合在现有项目里快速落地一致的界面结构。

使用 shadcn/ui 搭界面时。

安装这个 Skill

npx skills add https://github.com/shadcn/ui --skill shadcn
打开原文 查看 SKILL.md

为什么值得装

推荐它，是因为它在「前端与 React」分类里热度靠前（安装量 217,056），同时原始文档信息密度足够高。原文列出的执行要点包括：className for layout, not styling. Never override component colors or typography.；No space-x-* or space-y-*. Use flex with gap-*. For vertical stacks, flex flex-col gap-*.。对经常重复的任务来说，这类 Skill 能把经验沉淀到工作流前端，减少临场猜测。

原文里最有价值的点

  • 适合处理组件接入、局部改样式和常用交互拼装。
  • 文案强调 className 用于布局，不要误写成样式管理核心。
  • 可覆盖聊天界面等 UI 组合需求，但仍以 shadcn 生态为限。

适合用在

  • 建立测试闭环、回归验证、安全检查和发布前质量门