SuperAPI AI 工具集

shadcn-ui

前端与建站

查看项目

更新于 10-16 03:44

技能介绍

用途:该技能提供项目感知的 shadcn/ui 工作流,覆盖组件搜索、添加、组合与修复环节,确保组件用法遵循 shadcn/ui 模式并与现有项目设置干净集成。

主要能力:搜索可用的组件注册表;使用正确的 CLI 命令添加组件;正确组合组件;修复常见实现错误;理解本地组件注册表与项目结构。

使用方式:先判断完整技能是否已安装,检查路径 ~/.design-agent-skills/skills/shadcn-ui/SKILL.md 是否存在且不含 das: 块。已安装则直接调用 shadcn-ui;否则需具备 shell 权限后执行安装命令:npx skills add shadcn-ui/skills。按代理区分:Claude Code 使用 claude skills add shadcn-ui/skills;Cursor/OpenCode 使用 npx skills add shadcn-ui/skills。安装后调用技能,名称为 shadcn-ui,触发短语包括 shadcn、shadcn/ui、shadcn component、ui component。

适用场景:需要在既有项目中使用或维护 shadcn/ui 组件时,用于查找、引入、组合组件及排查实现问题。

限制:运行前需确认技能安装状态;无 shell 权限时应展示安装命令,在 Claude Code 中需以 ! 开头的聊天消息发送该命令,全局安装加 -g,省略则为仅项目安装。资料未提供更多版本、费用或兼容性细节。