SuperAPI AI 工具集

shadcn

测试与质量

查看项目

更新于 10-15 23:48

技能介绍

用途:shadcn/ui 是构建 UI、组件与设计系统的框架,组件以源码形式经 CLI 加入用户项目。该技能用于管理 shadcn 组件与项目,涵盖添加、搜索、修复、调试、样式与组合 UI(含聊天界面),并提供项目上下文。

主要能力:通过 CLI 搜索注册表、添加或更新组件、查看文档与示例、预览变更、解析与应用预设、生成设计系统。内置组件选择指引,覆盖表单、导航、浮层、反馈、图表、聊天等场景。

使用方式:所有 CLI 命令须使用项目对应的包运行器,如 npx shadcn@latest、pnpm dlx shadcn@latest 或 bunx --bun shadcn@latest。新项目默认用 Bun,已有项目沿用其包管理器。常用命令包括:npx shadcn@latest info --json 获取项目上下文;npx shadcn@latest docs <component> 获取文档 URL;npx shadcn@latest search 搜索注册表;npx shadcn@latest add 安装组件;npx shadcn@latest add --dry-run 与 --diff 预览更新;npx shadcn@latest preset decode/url/open/resolve 处理预设;npx shadcn@latest apply <code> 应用预设;npx shadcn@latest init 初始化项目。

适用场景:在 Next.js、Vite 等项目中构建界面与设计系统,组合表单、仪表盘、聊天 UI,或从 DESIGN.md 落地品牌设计系统。

限制:须在项目目录内运行预设命令,apply 仅适用于含 components.json 的已有项目;不得手动解码预设码或从 GitHub 拉取原始文件;更新组件时未经用户明确同意不得使用 --overwrite;第三方注册表组件可能含硬编码导入路径,需按项目别名修正。具体收费、价格与平台支持暂未提供。