SuperAPI AI 工具集

shadcn

测试与质量

查看项目

更新于 10-16 06:24

技能介绍

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

主要能力:通过 CLI 初始化项目、添加组件、搜索注册表、查看文档与示例、预览变更、更新组件。组件以源码形式加入项目,可组合 Card、Tabs、Sidebar、Chart、Table 等构建界面。

使用方式:所有命令使用项目包管理器运行器,如 npx shadcn@latest、pnpm dlx shadcn@latest 或 bunx --bun shadcn@latest。常用命令:npx shadcn@latest init、add、search、docs、view、info。更新组件时先用 --dry-run 与 --diff 预览,避免直接覆盖本地修改;未经用户明确同意不得使用 --overwrite。

适用场景:需要按 shadcn 规范搭建或维护 UI、复用现有组件、遵循语义颜色与组合规则的前端项目。

限制:需先初始化项目;添加第三方注册表组件后需检查并修正导入路径与图标库;isRSC 为 true 时使用状态或浏览器 API 的组件需加 "use client";具体收费、价格与平台信息暂未提供。