用途：为界面、视图、组件和页面生成视觉设计系统、配色方案、字体层级与响应式交互模式。不覆盖纯后端服务或仅 API 的任务。
触发方式：命令“/ui-ux-pro-max”，或使用“Generate UI design system”“Design frontend component”等表述。
输入：productType（领域或产品类别）、techStack（CSS 框架，如 Tailwind CSS、CSS Modules）。
主要能力与约束：避免通用默认色或浏览器原生样式；采用移动优先的响应式断点（min-* 反向断点）；确保高对比度、焦点状态与键盘导航。
流程：分析功能背景与目标用户，定义 HSL 配色（Primary、Secondary、Accent、Background、Surface、Muted），确立字体搭配与排版比例，指定微动画、悬停状态与动态视觉提示，最后将设计块输出到 walkthrough.md。
输出：walkthrough.md 中的 UX 设计规范块。审核关卡要求配色、字体与响应式规则已定义，且移动优先断点已验证。
限制：不适用于仅后端或纯 API 任务；具体收费、平台支持与效果数据暂未提供。