先说个我在V2EX刷到、当场破防的帖子
有个哥们发帖，说自己只会用Vue，没做过UI切图，做了个toC的App，前端死活做不出满意的效果。他试了截图竞品界面喂给AI复刻，试了先生成示例HTML照着抄，还把市面上热门的那些前端设计skill全用了一遍——UI UX Pro Max、Frontend Design、Design Taste Frontend，名字一个比一个唬人。
结果呢？设计稿看着还行，真到写代码，出来的页面「浓的AI味」，而且风格前后不统一。
token烧了一大把，最后他的结论是：是不是该换个大模型？据说某个模型前端很强。
我看到这条真的想拍他肩膀。因为这就是我一年多前的样子。
我也没什么美感，也干过「换个更强的模型是不是就好了」这种事。今天想把我踩过的坑和后来摸出来的笨办法讲清楚，可能对同样是「大老粗」的你有点用。
换模型救不了你，这是我烧掉一堆额度换来的教训
先泼盆冷水：换模型这条路，我劝你别抱太大希望。
我当初也信「某模型前端特别强」这种话，切过去试。第一眼确实不一样，配色好像清爽了点。
但你多让它生成几个页面就会发现，问题一模一样——单看一个页面还行，放到一起，间距、圆角、按钮风格、字号层级全在漂。这个页面按钮是圆润的，下个页面就变成方的了；这里留白很舒服，那里挤成一坨。
所谓「AI味」，我后来想明白了，本质不是模型不会画好看的东西，而是它每次生成都在「重新发挥」，没有一个稳定的约束把它摁住。你换再强的模型，只要还是一句话让它自由发挥，它就还是每次给你一个新风格。
说真的，问题从来不在模型强不强，在于你有没有给它一套固定的、可复用的设计约束。这个约束，得你来定，或者说，得你逼着它先定下来、然后每次都照着来。
我的笨办法：不追求一把出好看，而是「一版对比着改」
没美感的人有个天然劣势：你脑子里没有「好看应该长啥样」的标准，所以你没法凭空描述,也没法一眼判断AI给的对不对。
但没美感的人也有个笨办法能补——我判断不了「好不好看」，但我能判断「这两版哪个顺眼」。把抽象的审美问题，降级成具体的二选一，我就能做了。
所以我的核心思路很土：让AI先出一版能跑的初稿，我立刻在浏览器里看到真实效果，然后针对不满意的地方提具体要求，让它再出一版，两版摆一起对比。这么循环下去，虽然慢，但每一步我都知道自己在往哪个方向走。
关键是「立刻看到真实效果」这一步。光看代码或者看AI画的设计稿都不算数,那个跟最后浏览器里跑出来的能差出十万八千里,那哥们不也说了设计稿还行、真写代码就变味了嘛。
让AI生成单文件HTML，然后直接用HTML在线运行看真实渲染,这一版到底啥样一目了然,省得你脑补。
压住风格漂移的那套「设计约束」，具体长啥样
光快速预览还不够，你得有个东西去压住它每次乱发挥。我的做法是攒一份固定的设计约束，每次生成都原样喂进去。
这份约束不用多高级，越具体越好，大概包括这么几类：
主色和辅助色的具体色值，别让它自己挑；
统一的圆角大小、按钮的样式和内边距；
字号的几个档位，标题多大、正文多大、说明文字多大；
统一的间距单位，比如卡片之间、模块之间留多少。
把这些定死之后，每次让AI生成新页面，我都会把这份约束贴在前面，明确说「所有元素必须遵守下面这套规范，不要自己发挥配色和间距」。别嫌麻烦，就这一下，风格前后不统一的问题能好一大半。
本以为这么干AI会觉得束手束脚出不了好东西，结果恰相反——约束越死，它反而越稳，出来的几个页面终于像是一个人做的了。这算是我做这件事最大的一个反转认知。
第一版约束哪来的?你可以先让AI随便出三五版，从里面挑一版你最顺眼的，把它的色值、圆角、间距这些抠出来,反过来固化成你的规范。
等于让AI先帮没审美的你「选」出一个基准，之后就照着这个基准锁死。
把满意的那一版，变成一个稳定能访问的地址
改到某一版你觉得「行，就它了」，别让它烂在本地。toC的东西你总得给别人看、总得部署。
我一般是把满意的版本直接做Web应用托管，拿到一个稳定地址，发给朋友、发到群里收集反馈。真实用户点两下给的意见，比你自己对着屏幕纠结一整天有用得多。
而且托管成固定地址之后，你迭代新版本，链接不用换,分享出去的东西一直有效。
这条链路我给你捋一遍:让AI生成单文件HTML初稿,立刻跑起来看真实效果,拿固定约束反复喂着改,满意了就托管成稳定地址收反馈。生成、预览、迭代、托管,四步转起来,你会发现自己不是在「求AI一把给个好看页面」,而是在一版地把它逼到能看。
得说清楚：工具能帮你的边界在哪
这里我必须诚实一点,不然又变成吹了。
上面这套链路,平台能实在在帮你的,是「生成初稿→立刻预览→反复迭代→托管发布」这一整条流水线的顺畅。它让你对比和迭代的成本变得很低,低到你愿意多试几版。
但它不负责替你生成审美。你脑子里那套「什么叫好看」的判断,工具给不了,那份设计约束还得你自己去定、去挑、去固化。
它也不保证你换个模型就突然变好看——好看这事,是靠约束和迭代磨出来的,不是靠某个更强的模型一键变出来的。
把这个边界认清楚,你就不会再走「烧token换模型」的冤枉路了。
如果你对AI生成前端这块的底层逻辑还想再系统补一补,可以顺着AI编程相关的内容再深入了解,搞懂AI为什么会「漂」,你写约束的时候会更有的放矢。
你现在就能做的一件小事
别等看完就关掉。打开你手上那个「AI味」最重的页面,只做一件事:把它的主色、圆角、字号、间距四样东西抠出来,写成四行文字。
这就是你的第一版设计约束。
下次再让AI改页面,把这四行贴在最前面。就这一步,你会看到明显的变化。
剩下的,交给一版版的对比慢慢磨。