用途：在构建或修改应用布局、创建 UI 组件或做任何视觉设计决策时使用，目标是做出统一且有辨识度的应用，而非仅仅正确。
主要能力：先确定一个词的应用基调与标志性细节，再据此执行设计。排版上至少选择有特色的 --font-heading 与互补的 --font-base，避免 Arial、Inter、Roboto 等通用默认字体，通过 Google Fonts 等 CDN 以 <link> 标签加载并加 crossorigin="anonymous"，再更新 global.css 的 @theme 字体令牌。主题工作流从 src/global.css 开始，定制语义颜色令牌及 .dark 覆盖，填充 src/data-palette-presets.json 三套备选调色板（kebab-case id、名称、colors.light/dark 各十个六位十六进制色），调整 --radius 与字体令牌，最后做选择性覆盖。
布局：应用填满视口，宽屏约束内容宽度；容器尺寸上约束仪表盘外层包装而非单个图表；网格移动优先、支持混合尺寸卡片与响应式断点；异步组件需处理加载、空、错误三态；提供明暗模式切换，使用 @/hooks/use-theme 的 useAppTheme。
编码约定：Tailwind CSS v4 工具类，主题色为 src/global.css 中 @theme 的 CSS 自定义属性；暗色用根 html 的 .dark 类；用 @/lib/utils 的 cn() 合并类名；图标用 Lucide React；交互组件用 Radix 原语。所有样式必须使用设计令牌，禁止硬编码原始颜色、像素或字体栈。
限制：资料未提供具体安装命令、收费、平台或效果数据；参考文件 UI Style Recipes 与 Visual Style Recipes 的完整内容暂未提供。