SuperAPI AI 工具集

shadcn-ui

智能体与模型

查看项目

更新于 10-16 04:55

技能介绍

用途:该技能为 AI 助手注入项目相关的 shadcn/ui 上下文,使其在处理 Web UI 时能依据项目实际配置生成正确代码,适用于添加表单、设置页、仪表盘等组件化界面任务。

主要能力:读取项目的 components.json,获取框架、Tailwind 版本、别名、base(radix 或 base)、图标库、已安装组件及解析后路径;支持组件发现(文档、shadcn search、MCP、注册表)、按项目模式生成与校验标记;覆盖 CLI 命令、主题与定制、注册表编写以及 MCP 服务器。

使用方式:官方安装命令为 npx skills add shadcn/ui。本仓库将同一意图放在 .agents/skills/shadcn-ui/,并在前端应用根目录运行 shadcn CLI:cd web && bunx shadcn@latest info --json。可用 shadcn info --json 作为导入与 API 的准确依据;需要完整官方工作流时参考 vendor/shadcn/official-shadcn-ui-workflow.md,校验具体标记时使用 vendor/shadcn/rules/ 下的 forms、composition、icons、styling、base-vs-radix 等规则文件。

适用场景:需要按项目配置正确查找、安装、组合组件,或处理主题、注册表、MCP 与预设切换等问题的前端开发场景。

限制:使用前提是项目存在 components.json;仓库路径与运行时以资料中给出者为准,其他环境细节暂未提供。不改变任何代码内容。