← ClaudeAtlas

ui-designlisted

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