用途：提供一套与框架无关的 CSS 实现模式，帮助前端做出更有辨识度的视觉设计，涵盖字体排版、配色主题、动效与空间构图。
主要能力：
- 设计令牌集成。若项目存在 DESIGN.md，应以其令牌为唯一来源，把 {colors.primary}、{typography.display.fontFamily}、{spacing.md} 等映射为 CSS 自定义属性；在生成 CSS 前先解析 YAML frontmatter 中的 {token.ref} 引用，已定义令牌时不得自行编造颜色、字体或间距。
- 字体排版。避免 Inter、system-ui 等通用默认值，推荐有特色的字体搭配，如标题用 'Clash Display'、'Space Grotesk'，正文用 'Satoshi'、'General Sans'；并给出奢华、粗野、活泼等情绪化字体选择，以及基于 clamp 的排版比例（--text-hero、--text-display、--text-heading、--text-body）。
- 配色与主题。强调高对比、有限色板（3-4 色）与醒目的强调色，示例包含背景、前景、强调色及带透明度的弱化强调色。
- 动效。主张聚焦高影响时刻而非零散微交互，如 fadeInUp 关键帧配合延迟实现列表逐项入场，关注页面加载序列、滚动触发揭示与状态过渡。
- 空间构图。建议打散网格，采用非对称、叠层、对角引导与留白，示例用相对定位让图片上移覆盖头部并越出容器。
- 视觉细节。包括渐变叠加遮罩与基于 box-shadow 的发光效果。
- Tailwind 定制。若存在 DESIGN.md，可运行 npx design-md export --format tailwind 直接导出令牌；否则手动扩展主题，不要沿用默认值。
适用场景：需要塑造独特视觉风格的前端界面，尤其是希望统一设计令牌、避免通用模板观感的项目。
限制：资料未说明具体框架依赖、浏览器兼容范围、性能影响与授权收费方式；配色、字体等均为示例取向，实际数值需以项目 DESIGN.md 令牌或设计规范为准，缺失信息暂未提供。