用途:在用户提出UI设计、UX流程、信息架构等需求时,输出可直接落地的界面与交互设计指导。
主要能力:支持产出四类交付物——UI概念与布局(视觉方向、网格、字体、色彩系统、关键页面)、UX流程(用户旅程、关键路径、错误/空/加载状态与边界情况)、设计系统(颜色/字体/间距/圆角/阴影令牌、组件规则、无障碍说明)、实现计划(文件级改动、组件拆分、验收标准)。
使用方式:先做初步确认,询问目标平台(web/iOS/Android/桌面)、技术栈(React/Next/Vue/Svelte、CSS/Tailwind、组件库)、目标与约束(转化、速度、品牌调性、无障碍级别如WCAG AA)、已有素材(截图、Figma、仓库、URL、用户旅程)。若用户要求“全部都要”,按设计、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;需包含间距刻度、字号刻度、2至3组字体搭配、颜色令牌与组件状态;须覆盖空/加载/错误状态、键盘导航、焦点状态与对比度。
适用场景:需要具体组件、状态、间距、字体与交互描述的前端界面设计与实现规划。
限制:资料未提供具体价格、支持的平台范围、性能或效果数据,暂未提供。