ui-designlisted
Install: claude install-skill beixiyo/dotfiles
## 设计原则
- 先判断产品类型,再决定信息密度和视觉表达
- 工具、后台、CRM、IDE、数据面板优先扫描效率、重复操作效率和状态可读性
- 官网、作品集、品牌页优先视觉表达、节奏、留白和第一屏记忆点
- 用根目录 `tailwind.config.js` 的设计 Token 设计,无法实现时用行内样式
## 要求
- 信息架构:优先核心任务,次要功能延迟呈现,导航轻量
- 视觉风格:冷静、现代、专业;具体风格服从产品类型和现有设计系统
- 交互逻辑:任务路径清楚,状态反馈明确,配置项分组可扫描
- 品牌气质:冷静、现代、专业,极简传递权威
## 避免
无组织的密集信息、多个竞争主按钮、过度分隔线、小字窄行距、5 色以上配色、重阴影 3D 效果、繁忙背景纹理
后台/工具类页面允许高密度,但必须有清晰分组、对齐、筛选、排序和状态反馈