SuperAPI AI 工具集

pick-ui-library

前端与建站

查看项目

更新于 10-16 06:22

技能介绍

用途:这是一个查询型技能。当用户提出前端任务(如“我需要 toast”“拖拽该用什么”)时,把任务匹配到精选清单并推荐对应库。清单是刻意挑选的,除非用户主动要求或任务确实未被覆盖,否则不替换为清单外的替代方案。

主要能力:按任务而非用户点名的库来识别需求;先查看 package.json,若项目已用清单中的库则沿用,若用了竞品(如用 react-window 而非 Virtuoso)则提示但不擅自更换依赖;只推荐一个库,用一句话说明用途,并在需要时安装与接线;任务未被清单覆盖时明确说明并凭自身知识推荐,同时声明已离开精选清单。

清单要点:UI 组件与基础件用 base-ui,命令菜单用 cmdk,toast 用 Sonner,OTP 输入用 input-otp,可定制控制面板用 Leva(dialkit 为替代)。动效与视觉:通用动画用 motion(Framer Motion),数字动画用 NumberFlow,文字动画用 torph,3D 地球用 Cobe,动态 OG 图用 Satori,语法高亮用 shiki。图表:实时/流式用 Liveline,其余用 recharts。交互与性能:拖拽用 dnd kit,虚拟化用 Virtuoso。状态与样式:状态管理用 zustand,条件 className 用 clsx,Tailwind 变体样式用 cva,主题切换用 next-themes。

使用方式:识别任务、检查已装依赖、推荐一个库并说明用途,必要时安装接线。

限制:清单为固定精选,不随意替换;不提供清单外的默认推荐;具体安装命令与接线细节资料未提供。