SuperAPI AI 工具集

shadcn

前端与建站

查看项目

更新于 10-15 22:38

技能介绍

用途:管理 shadcn 组件与项目,涵盖添加、搜索、修复、调试、样式设置与界面组合,并为代理提供项目上下文、组件文档与用法说明。

主要能力:读取项目配置与已安装组件(npx shadcn@latest info --json);搜索注册表与社区注册表;获取组件文档与示例;添加、更新组件;预览变更(--dry-run、--diff);执行预设初始化。

使用方式:所有 CLI 命令需使用项目对应包运行器(npx shadcn@latest、pnpm dlx shadcn@latest 或 bunx --bun shadcn@latest)。示例:npx shadcn@latest add button card dialog;npx shadcn@latest docs button;npx shadcn@latest search @shadcn -q "sidebar"。工作流为先查已安装组件、再搜索、获取文档并抓取 URL、安装或更新,第三方注册表组件需按项目 ui 别名修正导入,添加后须阅读并校验文件。

约束与规则:优先复用已有组件,再写自定义 UI;使用内置变体与语义色(如 bg-primary、text-muted-foreground),不用原始色值;间距用 flex 加 gap-,不用 space-x/y-;等宽高用 size-*;用 cn() 处理条件类名;覆盖层组件不手动设 z-index。表单用 FieldGroup 加 Field,校验用 data-invalid 与 aria-invalid。Dialog、Sheet、Drawer 必须有 Title;Avatar 必须有 AvatarFallback;Toast 用 sonner;加载占位用 Skeleton。更新组件默认不得使用 --overwrite,除非用户明确同意。

限制:未提供具体的收费、价格或平台信息。