SuperAPI AI 工具集

scientific-luxury

前端与建站

查看项目

更新于 10-15 19:50

技能介绍

用途:Scientific Luxury 是 NodeJS-Starter-V1 框架的设计系统执行规范,用于在创建或审查 React 组件、样式与动画时统一 UI 视觉语言,强调“精密与优雅”,拒绝通用 SaaS 审美。

主要能力:强制 OLED 黑背景(#050505)、单像素边框(border-[0.5px] border-white/[0.06])、光谱色状态映射(Cyan #00F5FF、Emerald #00FF88、Amber #FFB800、Red #FF4444、Magenta #FF00FF、Grey #6B7280)、Framer Motion 物理缓动动画、时间线/数据条/非对称布局,以及 JetBrains Mono 数据字体。提供三个可调参数:DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY,默认均为 5/5/3,用于控制布局复杂度、动画密度与内容间距。还定义 z-index 层级、背景模糊令牌、响应式导航模式与澳大利亚本地化格式。

使用方式:在涉及设计、UI、组件、样式、动画或创建 React 组件时触发。新建组件前需核对清单:OLED 黑背景、单像素边框、光谱色状态、Framer Motion 动画、JetBrains Mono 数据值、编辑型标题字体。动画仅允许使用 Framer Motion,禁止 CSS 动画;仅允许 transform 与 opacity 动画。

适用场景:React 前端 UI 开发、设计合规审查、动画实现。不适用于纯后端逻辑、API 路由、数据库模式、算法优化或 CI/CD 配置。

限制:禁止 Bootstrap/Tailwind 卡片网格、对称网格、rounded-lg/rounded-xl、Lucide 状态图标、线性过渡、白色背景、Inter 字体、渐变标题文字、AI 陈词滥调文案与 Lorem Ipsum。移动端非对称布局在小于 768px 时必须回退为单列。永久动画须隔离在 React.memo 的 'use client' 叶子组件中。具体安装命令与版本信息暂未提供。