shadcn(shadcn/ui 仓库自带)

shadcn/ui 仓库自带的技能:代理在有 components.json 的项目里加组件、查文档、套预设或品牌规范时,先用 shadcn CLI 读项目配置和已装组件,再按一套固定的组合与样式规则写界面。

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 的组件是第三方代码

打开 · 仓库

Best Skills 每日数据(LinklyAI / @BlueeonY,CC BY 4.0)

浏览最新 AI 动态