核心用法
ui-ux-pro-max 是一款面向全栈设计交付的综合性技能，采用四步工作流确保高质量输出：
1. 智能分流 (Triage)
快速收集关键上下文，避免返工：
- 目标平台：Web、iOS、Android、桌面端
- 技术栈：React/Next.js/Vue/Svelte、Tailwind/CSS、组件库
- 目标与约束：转化优化、性能优先、品牌调性、可访问性等级
- 现有资产：截图、Figma、代码仓库、URL、用户旅程图
当用户需求为"全部都要"时，自动拆分为四个独立交付项：设计 → UX → 代码 → 设计系统。
2. 四大交付模块
根据场景灵活组合：
| 模块 | 输出内容 |
|------|---------|
| **UI概念+布局** | 视觉方向、网格系统、字体层级、配色方案、关键界面 |
| **UX流程** | 用户旅程图、关键路径、错误/空态/加载态、边界场景 |
| **设计系统** | Design Tokens（色板/字号/间距/圆角/阴影）、组件规范、无障碍说明 |
| **实现计划** | 精确文件级修改、组件拆分、验收标准 |
3. 内置资源库
- 设计智能数据：调用
assets/data/获取配色方案、交互模式、UX启发式原则 - 上游参考：查阅
references/upstream-skill-content.md获取术语与范例
4. 自动化脚本
集成 design_system.py 脚本，快速生成结构化Token输出，适合ASCII友好环境。
---
显著优点
- 端到端闭环：从概念草图到可运行代码的完整链路
- 平台无关性：同时覆盖Web与原生移动端设计规范
- 可访问性优先：默认遵循WCAG AA标准，强制包含键盘导航与焦点状态
- 工程化思维：输出即包含文件级实施计划，减少设计与开发断层
- 状态完整性：强制覆盖空态、加载态、错误态三类边界场景
潜在局限
- 依赖用户输入质量：分流阶段若信息缺失，可能需多轮澄清
- 脚本环境限制：
design_system.py需Python 3环境，部分终端受限 - 品牌深度不足：内置资源偏向通用最佳实践，高度定制化品牌需额外引导
- 动态数据场景：对复杂数据可视化的专用组件支持有限
适合人群
- 独立开发者：需要快速产出专业级界面的全栈工程师
- 设计转前端：寻求设计与代码衔接桥梁的设计师
- 初创团队：缺乏专职设计师但需要建立设计系统的早期团队
- 产品迭代：已有产品需进行UX审计与视觉升级的现有团队
常规风险
| 风险类型 | 说明 | 缓解建议 |
|---------|------|---------|
| **可访问性债务** | 视觉优先导致屏幕阅读器兼容性遗漏 | 强制检查焦点状态与对比度 |
| **Token膨胀** | 过度细分的Design Token增加维护成本 | 优先使用语义化命名而非具体数值 |
| **跨平台漂移** | Web与移动端组件状态不一致 | 明确平台优先级，建立映射文档 |
| **技术栈锁定** | 输出代码与团队实际技术栈不匹配 | 分流阶段强制确认框架版本 |