SuperAPI AI 工具集

shadcn

测试与质量

查看项目

更新于 10-15 23:42

技能介绍

用途:管理 shadcn/ui 组件与项目,覆盖添加、搜索、修复、调试、样式与组合 UI,并提供项目上下文与组件文档。

主要能力:通过 CLI 获取项目配置与已安装组件(npx shadcn@latest info --json);搜索注册表(npx shadcn@latest search);获取组件文档与示例 URL(npx shadcn@latest docs <component>);添加组件(npx shadcn@latest add);预览变更(--dry-run、--diff);初始化项目(npx shadcn@latest init --preset <code>)。组件以源码形式加入项目,遵循组合优先、语义化颜色、内置变体等原则。

使用方式:按项目 packageManager 选择运行器(npx shadcn@latest、pnpm dlx shadcn@latest 或 bunx --bun shadcn@latest)。先读取项目上下文,检查已安装组件,再搜索、获取文档、安装或更新。更新时用 --dry-run 与 --diff 智能合并,未经用户明确同意不得使用 --overwrite。切换预设需先询问用户选择重装、合并或跳过。

适用场景:React/Next.js 等前端项目中的 UI 构建、组件库维护、设计系统搭建、表单与布局组合、组件调试与样式调整。

限制:需在用户项目目录内运行预设命令;注册表必须由用户明确指定,不得默认猜测;第三方注册表组件可能含硬编码导入路径,需按项目别名修正;图标库、base(radix 或 base)、Tailwind 版本等以项目上下文为准,不得假设。具体收费、价格与平台信息暂未提供。