用途:为设计系统增加创意生成层,在科学奢华(scientific-luxury)约束之下生成并翻译视觉主题,供界面皮肤定制。
两阶段流程: 第一阶段生成高熵主题,包括六色光谱调色板(primary、success、warning、danger、accent、neutral)、辉光强度曲线、动画时长刻度、字重分配与透明度层级;调色板策略有类似色、互补色、三色组。 第二阶段翻译为代码,输出 CSS 变量、TypeScript 设计令牌文件、Tailwind 主题扩展、Framer Motion 预设覆盖与组件样式映射。
不可变结构约束:背景 #050505(OLED 黑)、边框 0.5px、圆角 rounded-sm(2px)、动画仅用 Framer Motion、缓动必须为物理曲线、布局为时间线/非对称、状态图标用呼吸光球,均不可被主题覆盖。主题只能改视觉皮肤。
适用场景:生成新调色板与主题变体、为新功能区域创建设计令牌、构建主题预设(暗色变体、品牌主题)、把情绪板或色彩需求翻译为代码、调整辉光强度与动画时长、透明度刻度。
必要用法:先完成第一阶段生成并给出理由,再执行第二阶段翻译;不要只发调色板而不给代码翻译,也不要直接写设计令牌代码而无生成依据。翻译时生成 CSS 变量、TS 令牌、Tailwind 扩展与 Framer Motion 预设,并与 apps/web/lib/design-tokens.ts 的既有令牌结构保持兼容。
限制:颜色饱和度需不低于 70%,对 #050505 对比度至少 4.5:1,纯白不可作为光谱色;辉光内不透明度 15%–65%、外不透明度 8%–35%、扩散 12px–80px;动画时长 0.15s–4.0s;字重 100–600;文本框透明度最多 0.95;禁用线性过渡、对称网格与圆角改动;相关费用、价格与安装命令暂未提供。