别让 AI 做出模板站：先给它设计坐标

AI 生成的网站总带一股模板味，原因不是它不会写代码，是你一开始就没给它设计坐标——给了目标没给参考，给了需求没给设计上下文，它只能调用训练集里的通用默认界面。 解法分两步：先用工具把一个参考站拆成可读的设计规则，再把规则写进项目里让 AI 每次都能读到。第二步的成本几乎为零，效果却最明显。

1. 两个工具的分工：一个负责生成与迭代，一个负责拆解与提取
2. 四步标准流程
3. 提示词的公式化写法
4. 迭代原则：不要一版不满意就全部重来

工具分工很清楚。负责生成的那个有四种模式：Clone 高度复刻目标站的视觉与布局；Inspire 借风格做自己的页面；Enhance 保留原有内容和结构，只优化层级、留白和视觉统一，适合存量改版；以及原生支持在上一版基础上持续微调。负责拆解的那个不生成页面，它先把目标站拆成颜色、字体、间距、组件、布局、动画这些设计系统信息，再打包给模型读；进阶模式还会抓滚动过程、交互状态和过渡效果。

第一步，选参考站。 不看漂不漂亮，看产品表达逻辑是否同一种。做内容站就别硬套极简品牌站，底层逻辑冲突。

第二步，读它的底层逻辑。 重点看四件事：版式怎么排、留白大不大、按钮重不重、信息块怎么分层。颜色、字体、间距、动效是之后才看的东西。

第三步，提示词不写感觉，写结构。 按「页面类型 + 产品类型 + 参考对象 + 要借的重点 + 内容替换说明」组织。例如：做一个内容站首页，参考某个文档型站点的信息层级，重点学它的留白节奏和目录感，文案换成我的。

第四步，第一版不对不要重来，直接细化。 太像参考站就补品牌辨识度，太空就提信息密度，首屏不聚焦就把主行动按钮放大一档。

还有一个成本最低的手法：把一个设计规范文件放在项目根目录，让 AI 每次生成前都能读到它。根目录的说明文件是给人读的，这个设计规范文件是给 AI 读的。 一份好的规范只需要覆盖这几项：底色、主色、字体搭配、字号阶梯、圆角规则、以及明确禁止使用的手法。

最后一条判断：不给 AI 坐标它就只会做模板，你给它设计系统它才会开始像设计师一样工作。

> 不是它不会写，是你一开始就没给它设计坐标。

> 你给了目标没给参考，给了需求没给设计上下文，它只能输出默认界面。

> 不给 AI 坐标它就只能做模板；给它设计系统，它才会开始像设计师一样工作。

131 一个能收费的网站要经过哪些环节 讲的是把东西做出来并收上钱，这一篇讲怎么让它看起来不是模板——顺序不能反，先跑通再谈质感。

但这条方法的价值不止于建站。任何「让 AI 产出高质量结果」的场景，本质都是同一件事：先把判断标准写下来，再让它动手。 写不出标准，说明你自己还没想清楚——这时候生成一百版也没用。这条原则可以直接搬到 153 Vibe Coding 求职 那道「有没有规格文档」的问题上，它们是同一个能力。

1. 在项目根目录建一个设计规范文件，先只写四行：底色、主色、标题字体、正文行宽
2. 选三个同类型的参考站（内容站，不是工具站），每个只记一句它的信息分层方式
3. 生成第一版首页，然后只做一件事——把主行动按钮放大一档，看转化入口是否变清晰