用途:为 NodeJS-Starter-V1 的仪表盘定义统一规范,涵盖 Status Command Centre 组件库、实时数据可视化、时间线/轨道布局与 Scientific Luxury 设计约束。
主要能力:规定三条核心法则——用时间线而非栅格、状态映射光谱色而非静态灰、数据实时而非陈旧;提供组件清单(DataStrip、MetricTile、ProgressOrb、ProgressRing、StatusPulse、StatusBadge、AgentNode、ActivityTimeline、NotificationStream、ElapsedTimer 等)、钩子与 en-AU 格式化工具;给出后端分析 API 与数据源对应关系;规定 Framer Motion 动画(错峰入场、呼吸光点、环境辉光)、Supabase Realtime 订阅与 30 秒轮询、加载骨架与空状态、连接状态指示器。
使用方式:新仪表盘页面采用 Server Component 初次取数并提供降级数据,Suspense 配合 LoadingSkeleton,framer-motion 做过渡,实时页订阅 agent_runs 表或每 30_000 毫秒轮询;状态颜色统一经 getStatusConfig(status) 获取。
适用场景:新建仪表盘页或指标展示、添加实时可视化、集成 Supabase Realtime、编写骨架与空状态、组合 MetricTile/DataStrip/ProgressOrb,或评审布局合规性。
限制与边界:不负责采集或存储指标(用 metrics-collector)、不写邮件模板、不加日志语句、不实现非仪表盘 UI 组件(用 scientific-luxury)。禁用栅格卡片布局、CSS transition、浅色背景与 rounded-lg;必须使用 rounded-sm、单像素边框与 bg-[#050505]。资料未提供安装命令、许可与收费信息。