Ui Design

---
name: ui-design
description: 编写任何 UI 设计时调用（包括但不限于 html、tsx、jsx、vue），提供现代化、极简、高级感的 UI 设计风格规范
---

## 设计原则
- 先判断产品类型，再决定信息密度和视觉表达
- 工具、后台、CRM、IDE、数据面板优先扫描效率、重复操作效率和状态可读性
- 官网、作品集、品牌页优先视觉表达、节奏、留白和第一屏记忆点
- 用根目录 `tailwind.config.js` 的设计 Token 设计，无法实现时用行内样式

## 要求
- 信息架构：优先核心任务，次要功能延迟呈现，导航轻量
- 视觉风格：冷静、现代、专业；具体风格服从产品类型和现有设计系统
- 交互逻辑：任务路径清楚，状态反馈明确，配置项分组可扫描
- 品牌气质：冷静、现代、专业，极简传递权威

## 避免
无组织的密集信息、多个竞争主按钮、过度分隔线、小字窄行距、5 色以上配色、重阴影 3D 效果、繁忙背景纹理

后台/工具类页面允许高密度，但必须有清晰分组、对齐、筛选、排序和状态反馈