用途:Aurora 用于构建、修改或美化 React/Next.js 界面,适用于 Aurora、Labby 及 Lab gateway-admin 相关产品界面;用户提到这些名称时也可使用。
主要能力:以 shadcn 兼容注册表形式发布(aurora.tootie.tv),源码位于 ~/workspace/aurora-design-system。提供 registry/aurora/styles/aurora.css 作为 token 桥接与语义 CSS 变量,64 个稳定 React 原语,以及 ai、auth、feedback、files、navigation、workspace 等域的组合区块。注册表条目由 registry.json 与 public/r/ 生成产物维护。
使用方式:先安装 token 层,再安装组件:npx shadcn@latest add https://aurora.tootie.tv/r/aurora-tokens.json,然后 npx shadcn@latest add https://aurora.tootie.tv/r/aurora-button.json。也可在 components.json 注册 @aurora 命名空间后调用。消费端需在 globals.css 导入 aurora.css,在 layout 加载 Manrope、Inter、JetBrains Mono,并默认 <html class="dark">。
核心规则:深色优先;青为主色、玫瑰为次色、紫罗兰用于 AI/自动化;状态色柔和;全部使用 --aurora-* token,不写内联 hex;选中与聚焦用边框加光晕;文案用句首大写、平实状态文本;仅用 Lucide 线性图标;组件优先从注册表导入而非手写。
限制:面向 Web 的配色与 Zed、Claude Code CLI、终端等非 Web 表面存在更亮分层,不可混用;浅色模式需验证;组件数量、路由等信息应以仓库文件为准,不应硬编码。具体定价、授权方式与支持平台暂未提供。