UI/UX Pro Max

遵循以下步骤，以最小的反复沟通交付高质量的UI/UX成果。

1) 初步评估

只询问必要信息以避免错误工作：

• 目标平台：网页 / iOS / Android / 桌面端
• 技术栈（如需代码变更）：React/Next/Vue/Svelte, CSS/Tailwind, 组件库
• 目标与限制条件：转化率、速度、品牌调性、无障碍访问级别（WCAG AA？）
• 现有材料：截图、Figma文件、代码仓库、URL、用户旅程

如果用户说"全部都要"（设计 + UX + 代码 + 设计系统），则将其视为四项交付物并按此顺序交付。

2) 产出交付物（选择适合的）

始终具体明确：命名组件、状态、间距、排版和交互。

• UI概念 + 布局：提供清晰的视觉方向、网格系统、排版、色彩体系、关键屏幕/部分。
• UX流程：绘制用户旅程图、关键路径、错误/空/加载状态、边缘情况。
• 设计系统：设计令牌（颜色/排版/间距/圆角/阴影）、组件规则、无障碍访问说明。
• 实施计划：具体的文件级修改、组件分解和验收标准。

3) 使用捆绑资源

此技能捆绑了可供引用以获取灵感/标准的数据。

• 设计智能数据：当需要调色板、模式或UI/UX启发式规则时，请从skills/ui-ux-pro-max/assets/data/读取。
• 上游参考：如果需要更多措辞/示例，请查阅skills/ui-ux-pro-max/references/upstream-skill-content.md。

4) 可选脚本（设计系统生成器）

如果需要快速生成设计令牌和页面特定的覆盖项，请使用捆绑的脚本：

python3 skills/ui-ux-pro-max/scripts/design_system.py --help

最好在用户需要结构化令牌输出（ASCII友好格式）时运行它。

输出标准

• 默认使用仅ASCII字符的设计令牌/变量，除非项目已使用Unicode。
• 需包含：间距比例、字体比例、2-3种字体配对选项、颜色令牌、组件状态。
• 始终涵盖：空状态/加载中/错误状态、键盘导航、焦点状态、对比度。