用途
ui-ux-pro-max 适用于需要 UX 流程、视觉方向、组件规范与可执行实现指导的请求。官方说明中把它与另外两个技能区分：web-design-pro 侧重设计工程原则（令牌/可访问性/性能）与系统级最佳实践；web-design-guidelines 侧重与外部指南规则绑定的正式合规审计输出。
主要能力与交付物
按照资料，该技能可产出以下几类交付物，并建议始终具体化：命名组件、状态、间距、排版和交互。
- UI 概念与布局：提供明确的视觉方向、网格、排版、色彩系统、关键页面/区块。
- UX 流程：梳理用户旅程、关键路径、错误/空/加载状态、边界情况。
- 设计系统：令牌（色彩/排版/间距/圆角/阴影）、组件规则、可访问性说明。
- 实现计划：精确到文件级别的修改、组件拆分和验收标准。
使用方式
资料给出的工作步骤：
-
分诊：只询问避免做错工作所必需的信息，包括目标平台（web / iOS / Android / desktop）、技术栈（如涉及代码改动：React/Next/Vue/Svelte、CSS/Tailwind、组件库）、目标与约束（转化、速度、品牌调性、可访问性级别如 WCAG AA）、已有材料（截图、Figma、仓库、URL、用户旅程）。若用户表示“全部都要”（设计 + UX + 代码 + 设计系统），则视为四项交付物并按该顺序交付。
-
产出交付物（按适配选择）：做到具体，命名组件、状态、间距、排版和交互。
-
使用内置资产：需要调色板、模式或 UI/UX 启发式时，可从 skills/ui-ux-pro-max/assets/data/ 读取设计智能数据；需要更多措辞/示例时，可查阅 skills/ui-ux-pro-max/references/upstream-skill-content.md。
-
可选脚本（设计系统生成器）：如需快速生成令牌和页面特定覆盖，可使用内置脚本：
python3 skills/ui-ux-pro-max/scripts/design_system.py --help
当用户需要结构化令牌输出（ASCII 友好）时建议运行该脚本。
输出标准
- 除非项目已使用 Unicode，否则默认仅使用 ASCII 令牌/变量。
- 包含：间距尺度、字号尺度、2-3 组字体搭配选项、色彩令牌、组件状态。
- 始终覆盖：空/加载/错误、键盘导航、焦点状态、对比度。
适用场景
当请求同时需要 UX 流程、视觉方向、组件规范与可操作实现指导时，使用本技能。若需要设计工程原则或系统级最佳实践，或需要与外部规则绑定的合规审计输出，则分别使用 web-design-pro 或 web-design-guidelines。
限制
资料未提供该技能的具体收费、价格、平台支持范围、效果保证或详细使用步骤之外的额外信息，这些内容暂未提供。