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` 和本项目真实业务验收。