辛辛苦苦让 AI 把功能全写完,客户打开页面第却是“这配色谁教的?”那一刻才发现,机器写得了一手好代码,审美真的像个没毕业的实习生。
最常见的槽点就是那抹紫粉渐变。灰蒙蒙的背景加上默认 sans 字体,看着就像没睡醒。我朋友给他老板演示一个登陆页,结果被嫌弃成“网游开服界面”,尴尬得当场想关电脑。
不是 AI 不懂 CSS,而是它脑子里缺一套“什么时候该用什么风格”的直觉。以前我们只能自己去 Dribbble 刷半天参考,再去配色网站调色,再告诉 AI“按这个来”,重复又低效。
最近有个项目把这件事打包做了,它叫 UI UX Pro Max。本质就是给 AI 装了一整套设计师的脑子。你在工具里说一句“来个 SaaS 落地页”,它不会立刻码代码,而是先动脑推理:这个产品该走什么风格,什么颜色靠谱,适配哪种布局,字体怎么搭,最后才动手写。
我第一次用是在 Claude Code 里,感觉像请了个会思考的搭档。它会并行跑几路搜索,把产品类型和 161 个行业的风格库比对,自动给出一份完整的设计方案。跟同事描述的时候,他听到“内置 Anti-Patterns”那段直接把咖啡放下,笑说“终于有人管 AI 别乱用紫粉了”。
所谓 Anti-Patterns,就是专门列出别踩的坑。银行类别搞炫酷渐变,儿童教育别开深色模式,企业 SaaS 别来夸张动画。AI 最容易犯的错误,基本都在清单里打了叉。
这套东西不光懂 Web,移动端也覆盖。用哪种技术栈,提示一句就行,不提默认给你写 HTML+Tailwind,还会自动加上 hover 动画时长、按钮光标、对比度这些细节。我表弟在外地教书,课余帮学校做了个报名小程序,照着这套规则跑了一遍,校长看完终于没再提“怎么这么乱”。

我试过直接命令行跑它的搜索脚本,不依赖任何 AI 编程工具,也能先生成设计方案,再自己按方案实现。省得每次来回调整十几轮。
最有意思的是它的交付前检查清单,不用 emoji 当图标、尊重 prefers-reduced-motion、文字对比度不能太低,都是平时容易忽略的小事。我以前觉得这些细节无所谓,但上线后用户吐槽“眼睛累”“动画晃”,才知道差别有多大。
AI 写代码越来越强,可“好看”这件事一直是短板。根本原因就在于设计经验是结构化的,而普通模型缺的是规则。把 67 种风格、161 套配色塞进上下文里,效果就像给 AI 安了一双“看得懂”的眼睛。
真别说,用了 UI UX Pro Max 之后,我很久没再看到那种又粉又紫的默认界面了。省下的时间去跟客户聊需求,心态都稳不少。
如果你让 AI 帮你做页面,是宁愿先靠它本能写完再自己改,还是先让它按规则推理一遍再出手?你会选哪种?