SuperAPI AI 工具集

shadcn-baseui

通用与其它

查看项目

更新于 10-15 22:32

技能介绍

用途:在 shadcn/ui 项目搭配 Base UI 时约束代码生成,避免 LLM 误用 Radix UI 的 asChild 等模式。

必要前提:建议任何代码前先检查 components.json,style 字段须以 base- 开头(如 base-vega、base-nova、base-maia、base-lyra、base-mira);否则此技能不适用。并确保已安装 @base-ui/react,未安装则用相应包管理器安装。

主要能力与用法:核心是槽位模式,Base UI 用 render prop 取代 asChild,适用于 DialogTrigger、AlertDialogTrigger、PopoverTrigger、DropdownMenuTrigger、TooltipTrigger、SelectTrigger、TabsTrigger、AccordionTrigger 以及包裹链接的 Button 等触发/包裹组件。Accordion 无 type prop,单选用 defaultValue 数组,多选用布尔 multiple;Button 渲染为非 button 元素(如 Link)时需加 nativeButton={false};Select 的 position prop 改为布尔 alignItemWithTrigger,默认 true。

适用场景:维护或生成基于 Base UI 风格的 shadcn/ui 组件代码。限制:仅对 style 以 base- 开头的项目有效;资料未提供安装命令、版本要求或官方文档地址。