# UI UX Pro Max

> 当需要从产品与体验层面输出完整 UI/UX 方案（信息架构、视觉规范、交互策略、可用性检查）时使用。

- Skill: `sunflowermm/ui-ux-pro-max` (Agent Skill, multi-file: 28 files)
- Install (CLI): `npx skillmds@latest add sunflowermm/ui-ux-pro-max`
- Raw SKILL.md: https://api.skillmd.com/api/skills/sunflowermm/ui-ux-pro-max/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: sunflowermm (https://skillmd.com/u/sunflowermm)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/sunflowermm/ui-ux-pro-max

---


## 权威入口

- 技能数据目录：` .cursor/skills/ui-ux-pro-max/data/ `
- 技能脚本目录：` .cursor/skills/ui-ux-pro-max/scripts/ `
- 项目规则：` .cursor/rules/xrk-project.mdc `

## 适用场景

- 需要从需求到界面落地的完整 UI/UX 设计方案。
- 需要为页面/功能建立视觉与交互一致性规则。
- 需要对现有界面做可用性与可访问性改进建议。

## 非适用场景

- 不用于安装系统依赖、修改操作系统环境或执行部署命令。
- 不替代具体业务技能（如 `xrk-http-api`、`xrk-tasker`）的代码定位工作。

## 执行步骤

1. 明确目标用户、业务目标、关键任务流与约束（设备/性能/无障碍）。
2. 产出页面级结构建议：信息层级、主次操作、关键反馈点。
3. 结合数据目录给出设计令牌建议：色彩、字体、间距、组件状态。
4. 补充交互细节：加载、空态、错误态、成功反馈、动效节奏。
5. 给出验收清单：可读性、可点性、键盘可达、响应式、暗色模式一致性。

## 常见陷阱

- 只给视觉风格，不给任务流与状态设计，导致“好看但不可用”。
- 忽略错误态与空态，导致产品完成度不足。
- 不区分“全局规范”和“页面局部例外”，导致设计系统失控。