🏛️ shadcn 官方出品（作者本人现就职于 Vercel）。GitHub 12 万星、装机 25.5 万次。MIT 协议，完全免费。
一、这是什么
当今网页界面的事实标准组件库——按钮、输入框、下拉、弹窗、表格、日期选择器这些天天要用的零件，每一个都设计精良、开箱就带无障碍支持。这个 skill 的作用是让 AI 知道该调用现成的规范组件，而不是自己手搓一个歪歪扭扭的下拉框。
二、它和普通组件库有什么不同
普通组件库是装个包，样式锁在别人的代码里，想改个圆角都要跟框架斗智斗勇。shadcn 反过来——代码直接复制进你的项目，从此这就是你自己的文件，想怎么改怎么改。这个「开放代码」的思路正是它能成为标准的原因。
三、为什么它属于「设计」而不只是「开发」
因为它决定了你的界面最终长什么样。设计方案再好，落地时按钮圆角不统一、弹窗动效乱飞、表格挤成一团，一切白搭。shadcn 管的就是「设计落地成代码」这最后也最容易垮掉的一环。
四、适合谁
•
做网页应用、后台系统，希望组件风格统一的人
•
受够了 AI 每次都手搓一套不一样的按钮和弹窗的人
•
在意无障碍（键盘操作、读屏软件）的人——它默认就做好了
⚠️ 一句实话：这条偏技术侧，主要面向 React / Next.js 等现代前端项目，不写代码的人用不上。纯做视觉、原型的话看这个类目里其他几条。需在 Claude Code 等 AI 编程助手里使用。