SuperAPI AI 工具集

shadcn-agents-component-selector

设计与创作

查看项目

更新于 10-15 22:18

技能介绍

用途:这是一个代理型技能,用于组件选型校验。给定一句自然语言 UI 需求或一份草稿组件树,它先把需求归类到交互家族,再推荐正确的 shadcn 原语,标出错误选择,并指向覆盖该原语的语法技能。它不教单个组件的 API。

主要能力:把 59 个 shadcn 组件归入 8 个决策家族,包括 Modal 类(Dialog/Sheet/Drawer/AlertDialog)、Selector 类(Native Select/Select/Combobox/Command)、Menu 类(DropdownMenu/ContextMenu/Menubar/NavigationMenu)、Floating 类(Tooltip/HoverCard/Popover)、Button 类、Notification 类(Sonner/Alert/AlertDialog)、Loading 类(Skeleton/Spinner)、Form 类(Form/Field)、Table 类(Table/DataTable 配方)。每个家族先问判别性问题,再看决胜条件。

使用方式:先朗读需求,明确用户做什么、看到什么、继续进行前必须发生什么;归入一个家族,跨家族则拆成父与子并组合,如 Popover + Command;套用各家族决策表;给出推荐并说明理由(由哪条判别标准驱动);交叉引用对应语法技能。若需求命名了错误原语,输出 WRONG / RIGHT / WHY 三元组。

限制:必须始终先做家族分类,不得跳到选原语;不得凭外观相似推断;不得凭审美偏好推荐。破坏性确认必须用 AlertDialog,移动端底部抽屉用 Drawer 而非 Dialog,选项超过约 10 个或需搜索用 Combobox 而非 Select,悬浮内容含交互元素时必须用 Popover。具体组件 API、安装与代码细节需查阅对应语法技能。资料未提供安装命令、价格与平台信息。