AI 写前端,怎么总有股“模板味”?这个爆火开源项目,像是给编程补了一节设计课

用 AI 写前端这件事，我最近越来越有一个很具体的感受：它确实能把东西“做出来”，但离“做得顺眼”经常还差着一口气。

那种感觉很微妙。你让它生成一个 landing page，它也不是不能用，按钮也有，卡片也有，渐变也有，甚至还会很主动地给你塞一堆阴影和玻璃拟态。问题是，最后出来的页面总像从同一个模具里倒出来的。配色老一套，字也不讲究，层级有时候乱得很，尤其一到真实项目，不同行业该有的气质，它根本拿不太准。

你再让它“调高级一点”“更有设计感一点”，它就开始进入另一种熟悉的失控：紫蓝渐变、圆角拉满、图标乱飞、排版像临时拼的。会写代码的人不一定懂设计，会提需求的人也未必说得清楚，这就很尴尬。页面是做出来了，但总透着一股“AI 味儿很重的半成品”。

我看到 UI UX Pro Max 这个开源项目的时候，真有点相见恨晚的意思。它现在在 GitHub 上已经拿到 5.1 万 Star，定位也很直接：不是替你多写几行前端代码，而是先替 AI 补上那块最容易缺的设计判断。

你可以把它理解成一种“设计技能包”。装上之后，Claude Code、Cursor 这类 AI 编程助手，不再只是按提示词机械吐页面，而是会先给你的项目匹配一套更完整的设计系统。项目是 SaaS、金融、医疗、电商，还是游戏，它的思路不一样；适合什么配色、什么字体系、什么页面结构、哪些交互该收着做、哪些反模式最好别碰，它会先替你过一遍。项目 README 里把这个过程写得很清楚：先根据需求做多路匹配，再从样式、配色、字体、页面模式里组合出一套完整输出，而不是只给你几个零散建议。

这个东西让我觉得值钱的点，不只是“能生成设计方案”，而是它终于不像很多 AI UI 工具那样，只会把审美理解成几套流行模板。它内置了 161 条行业设计规则，还给了 67 种 UI 风格 和 57 组字体搭配。这个数字本身已经够夸张了，但更重要的是，它不是让你自己一个个去试，而是根据项目类型自动筛。你说你要做一个医疗分析后台，它不会还拿电商大促那套高饱和、强刺激的东西往上套；你说你在做高客单价服务页，它也会顺手把一些不合适的设计雷区标出来。

我觉得很多人会被这个点戳中：不是不会写前端，而是不会在“设计判断”这一步做选择。

尤其现在 AI 编程越来越像一种默认工作流了。你一句话，它就能把页面骨架、组件结构、样式代码全铺出来。问题是，骨架越快，丑也会来得越快。以前是手搓页面，丑得慢一点；现在是十分钟就能做出一版，但十分钟也足够把一种廉价感放大十倍。

UI UX Pro Max 有点像把这件事反过来：先别急着生成页面，先把项目该长成什么样想清楚。

而且它并不只服务某一个工具链。按照项目 README，目前它支持用 CLI 安装到一串主流 AI 编程工具里，包括 Claude Code、Cursor、Windsurf、Codex CLI、Gemini CLI、Continue 等；另外像 GitHub Copilot、Kiro、Roo Code 这些也有对应方式接入。安装本身也不复杂，官方推荐直接用 uipro-cli，一条命令初始化到指定助手里。

这类项目以前也不是没有，但很多最后都停在“设计 prompt 集合”这个层面。你用了几次之后会发现，它本质上还是一堆提示词拼装。今天让它“极简”，明天让它“高级”，后天让它“科技感”，词是变了，页面味道没怎么变。

UI UX Pro Max 稍微不一样的地方，是它在往“规则系统”上走。它不是单纯给你几个漂亮词，而是试图把 UI/UX 里那些本来属于设计师经验的判断，拆成 AI 能调用的一套规则：什么行业更适合哪种布局，什么风格更稳，什么颜色会踩坑，CTA 应该放哪，动效该做到什么程度，甚至连交付前检查项都写进去了。

说白了，它不是让 AI 变得更会“画”，而是先让 AI 少犯那种一眼看出来不专业的错。