UI/UX Pro Max 风格选择工作流
把“风格词”变成可选择、可约束、可验收的设计系统,而不是让 AI 继续靠泛化审美生成页面。
1 来源回读 Youdao 与 GitHub。
2 分类归入通用、落地页、看板或移动端。
3 候选生成 2 到 3 个风格方向。
4 约束转为色彩、字体、组件、动效和反模式。
5 验收按内容、响应式、可访问性、性能和人审检查。
路由矩阵
通用风格
- 风格词、CSS 气质、组件语言。
- 输出首选、备选、不选理由。
落地页
- Hero、CTA、社会证明、信任背书。
- 营销文案和真实事实分开。
数据看板
- 指标层级、实时状态、图表、下钻。
- 实时语言必须有来源和更新时间。
移动端
- 安全区、触控、底部导航、手势替代。
- 避免 PC 卡片网格直接缩小。
可执行命令
python3 /Users/jack/code/099-github/ui-ux-pro-max-skill/src/ui-ux-pro-max/scripts/search.py "smart canteen enterprise dashboard" --design-system -p "Smart Canteen" -f markdown
python3 /Users/jack/code/099-github/ui-ux-pro-max-skill/src/ui-ux-pro-max/scripts/search.py "glassmorphism" --domain style
python3 /Users/jack/code/099-github/ui-ux-pro-max-skill/src/ui-ux-pro-max/scripts/validate_data.py
最终门禁
本工作流只负责让风格选择更可见、更可执行。正式页面仍必须遵守 `taste-skill-visual-direction`、`pakco-html`、`ui-skills-root`、`output-format-preferences` 和本项目真实业务验收。