UI/UX Pro Max 设计系统工作流

要解决的问题

UI/UX 任务里，设计方向、用户流程和落地代码经常分散在不同人手里。Agent 对话如果没有约束，输出容易泛泛而谈：只说 '优化按钮样式'，却没有平台、技术栈、状态、间距、字号和可访问性约束。ui-ux-pro-max 针对的是这种低信息密度的设计协作问题，把需求拆成可交付物，减少反复确认。

工作方式和适用边界

它先做 Triage，只追问必要信息：目标平台是 web、iOS、Android 还是桌面端；代码栈是否是 React/Next、Vue/Svelte、CSS/Tailwind；目标是转化、速度、品牌还是 WCAG AA 可访问性。之后按需要产出四类交付物：

• UI concept + layout：网格、字体、颜色、关键屏幕/分区
• UX flow：主路径、错误态、空态、加载态、边界情况
• Design system：颜色、字体、间距、圆角、阴影等 token
• Implementation plan：文件级改动、组件拆分、验收标准

它还捆绑了设计启发式与数据参考，并在需要生成结构化 token 时提供可选脚本。输出默认使用 ASCII-only 变量，除非项目已经使用 Unicode；需要覆盖 empty、loading、error、键盘导航、焦点态和对比度。边界在于它依赖有效输入，如截图、Figma、URL、仓库或用户旅程；复杂项目、非标准技术栈和强品牌规范仍需人工校准。