shadcn/ui 仓库自带的技能:代理在有 components.json 的项目里加组件、查文档、套预设或品牌规范时,先用 shadcn CLI 读项目配置和已装组件,再按一套固定的组合与样式规则写界面。
skills.sh 安装量 127430(+1516 / 24h)
安全审计:未审计
- 尚未扫描
理由
- 规则逐条列出并配正误示例:className 只管布局、不覆盖颜色和字体;用 flex + gap 代替 space-y-*;表单用 FieldGroup + Field;Dialog / Sheet / Drawer 必须有标题;按钮没有 isLoading,用 Spinner 组合
- 写组件前先跑 npx shadcn@latest docs <组件> 拿文档和示例链接;更新已装组件先用 --dry-run 和 --diff 看差异再合并
- 用户没说从哪个 registry 加组件时要先问,不能猜;从社区 registry 装来的文件要检查硬编码的导入路径
- skills.sh 24 小时安装 1516,累计 127430(只代表关注度)
用法
- 在含 components.json 的项目里,涉及 shadcn 的请求自动触发(user-invocable: false,不能手动调用)
- 按项目的包管理器用 npx / pnpm dlx / bunx 运行 shadcn@latest;套预设用 init --preset <代码> 或 apply <代码>
风险
- 本期未审计,固定 C 级、不显示安装命令
- SKILL.md 开头用 !`npx shadcn@latest info --json` 注入项目信息,在支持这种写法的客户端里技能一加载就执行这条命令,跑的还是不固定版本的 @latest
- apply <预设> 会覆盖已检测到的组件、字体和 CSS 变量;社区 registry 的组件是第三方代码