介绍
请遵循以下步骤，以最少的返工次数交付高质量的 UI/UX 产出。
## 1) Triage 仅在必要时提问以避免方向错误： - 目标平台：web / iOS / Android / desktop - 技术栈（如果涉及代码变更）：React/Next/Vue/Svelte, CSS/Tailwind, 组件库 - 目标与约束：转化率、速度、品牌调性、无障碍级别（WCAG AA?） - 现有素材：截图、Figma、仓库、URL、用户旅程
如果用户说“全部都要”（设计 + UX + 代码 + 设计系统），请将其视为四个交付物并按此顺序交付。
## 2) 交付产出（按需选择） 务必具体明确：组件名称、状态、间距、排版和交互。
- **UI 概念 + 布局**：提供清晰的视觉方向、网格、排版、色彩系统、关键屏幕/区块。 - **UX 流程**：绘制用户旅程、关键路径、错误/空态/加载状态、边缘情况。 - **设计系统**：Tokens（色彩/排版/间距/圆角/阴影）、组件规则、无障碍说明。 - **实施计划**：精确到文件级别的修改、组件拆解及验收标准。
## 3) 使用捆绑资产 本技能捆绑了可供引用的灵感/标准数据。
- **设计智能数据**：当需要色板、模式或 UI/UX 启发式方法时，请读取 `skills/ui-ux-pro-max/assets/data/`。 - **上游参考**：如需更多措辞/示例，请查阅 `skills/ui-ux-pro-max/references/upstream-skill-content.md`。
## 4) 可选脚本（设计系统生成器） 如果需要快速生成 tokens 和页面特定的覆盖设置，请使用捆绑脚本：
```bash python3 skills/ui-ux-pro-max/scripts/design_system.py --help ```
当用户需要结构化的 token 输出（ASCII 友好）时，优先运行此脚本。
## 输出标准 - 默认使用纯 ASCII 的 tokens/变量，除非项目已使用 Unicode。 - 包含：间距标尺、排版标尺、2-3 种字体配对选项、色彩 tokens、组件状态。 - 始终覆盖：空态/加载/错误、键盘导航、焦点状态、对比度。