SuperAPI AI 工具集

nxui-design

设计与创作

查看项目

更新于 10-16 07:17

技能介绍

用途:nxui-design 是 nxui 仓库的“项目级设计技能”,把 componentry.fun 定为视觉基准,用于约束该项目的设计方向与一致性。资料称 nxui 是 componentry.fun 的精确 Vue 复刻,上游站点即设计规范,偏离即视为缺陷。当 CLAUDE.md 与本技能冲突时,以 CLAUDE.md 为准。

触发范围:含 <template> 的 .vue 文件、任何 Tailwind/CSS 样式改动、registry/new-york/ 下的组件移植、文档站界面(侧栏、页头、组件页、分栏布局)、演示包装组件,以及“重设计”“让它更好看”类请求。

主要能力与规则:目标是深色优先的动画组件展示——近黑画布、超粗压缩标题、斜体衬线导语、满幅实时演示。文档外框须克制,使用语义令牌(如 bg-background、text-foreground、border-border、text-muted-foreground),禁止在文档界面硬编码 oklch() 或使用原始 Tailwind 颜色工具类;registry 移植组件可自带调色板。字体用四种本地 woff2(Satoshi、JetBrains Mono、Clash Display、Instrument Serif),禁用 Inter、Roboto 等;颜色仅用 oklch;图标用 <Icon name="lucide:..." />;方形尺寸用 size-4;禁用 Tailwind v3 旧类。每个界面需有一个“记忆点”,并遵循演示优先的 h-dvh 分栏(左 1/3 文档代码、右 2/3 实时演示),安装命令与演示须在桌面和移动端首屏内可见。

限制与拒绝:拒绝给标题加彩虹渐变、换用禁用字体、改为浅色优先、在文档卡片上使用原始颜色类,并提供合规替代;用户只能通过在 CLAUDE.md 中添加一行例外来覆盖。资料未提供价格、安装步骤或平台信息。