ui-ux-pro-maxlisted

# ui-ux-pro-max Comprehensive design guide for web, mobile, and desktop applications. Contains 67 styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 22 technology stacks. Searchable database with priority-based recommendations. ## When to Apply 当任务涉及 **UI 结构、视觉设计决策、交互模式或用户体验质量控制** 时，应使用此 Skill。 ### Primary Use Cases 在以下情况此 Skill 最为有用： - 设计新的页面（Landing Page、Dashboard、Admin、SaaS、Mobile App） - 创建或重构 UI 组件（按钮、弹窗、表单、表格、图表等） - 选择配色方案、字体系统、间距规范或布局体系 - 审查 UI 代码的用户体验、可访问性或视觉一致性 - 实现导航结构、动效或响应式行为 - 做产品层级的设计决策（风格、信息层级、品牌表达） - 提升界面的感知质量、清晰度或可用性 ### Recommended 在以下情况建议使用此 Skill： - UI 看起来"不够专业"，但原因不明确 - 收到可用性或体验方面的反馈 - 准备上线前的 UI 质量优化 - 需要对齐跨平台设计（Web / iOS / Android） - 构建设计系统或可复用组件库 ### Skip 在以下情况无需使用此 Skill： - 纯后端逻辑开发 - 仅涉及 API 或数据库设计 - 与界面无关的性能优化 - 基础设施或 DevOps 工作 - 非视觉类脚本或自动化任务 **判断准则**：如果任务会改变某个功能 **看起来如何、使用起来如何、如何运动或如何被交互**，就应该使用此 Skill。 ## Rule Categories by Priority *供人工/AI 查阅：按 1→10 决定先关注哪类规则；需要细则时用 `--domain <Domain>` 查询。脚本不读取本表。* | Priority | Category | Impact | Domain | Key Checks (Must Have) | Anti-Patterns (Avoid) | |----------|----------|--------|--------|------------------------|------------------------| | 1 | Accessibility | CRITICAL | `ux` | Contrast 4.5:1, Alt text, Keyboard nav, Aria-labels | Removing focus rings, Icon-only buttons without labels | | 2 | Touch & Interaction | CRITICAL | `ux` | Min size 44×44px, 8px+ spacing, Loading feedback | Reliance on hover only, Instant state changes (0ms) | | 3 | Performance | H