用途:为生成的研究报告网站套用统一的深色专业视觉风格,基于 Tailwind CSS v4 与 shadcn/ui,定位为信息密集但优雅易读的高端数据终端风格。
主要能力:提供色彩系统(bg/text/border 与 shadcn 语义 token)、排版规范(DM Serif Display 标题、IBM Plex Sans 正文、IBM Plex Mono 数据)、间距与布局模式,以及标签导航、卡片面板、计算器与滑块、对比表格、引文卡片、知识库折叠面板、状态徽章等组件样式。含 framer-motion 动效规范(标签切换、内容入场、数字滚动、悬停与按压反馈)和演示模式(自动切换标签、进度条)。
使用方式:颜色以 Tailwind @theme token 定义在 app.css,全部通过工具类引用,不硬编码色值;主题预设可覆盖语义色 token,布局、排版与动效保持一致。动效 token 见 templates/src/theme/motion.js,完整 token 定义见 skills/design-system/references/tokens-reference.md,主题选择见 registry-guide.md。
适用场景:研究报告、演示型网站等需要深色化专业外观的页面。
限制:仅支持深色模式,不提供浅色模式;颜色需通过 token 使用;动画需遵循 prefers-reduced-motion 降级要求。其余安装命令、价格与平台信息暂未提供。