我用 AI 做网页时踩过的 3 个坑

最近一直在用 AI 做网页、做 landing page，也踩了不少坑。
刚开始我以为只要一句 prompt 丢给 AI，它就能直接生成一个“能上线”的页面，但实际做下来发现，AI 更像一个很快的助手，不是一步到位的全自动建站神器。

这里分享 3 个我最常踩的坑，如果你也在玩 vibecoding，可能会有共鸣。

坑 1：Prompt 写得太笼统，结果页面“什么都有一点，但哪都不对”

我最开始经常这么写：

帮我做一个简洁、现代、有科技感的网站首页

看起来没问题，但 AI 生成出来的结果通常是：

视觉风格很“模板化”
文案特别空
模块都齐，但没有重点
看起来像个网页，但不像“我想要的网页”

后来我发现问题不在 AI，而在于我的描述太虚了。

像“简洁”“现代”“高级感”“科技感”这种词，AI 可以理解，但理解得很泛。
最后它往往会生成一个“四平八稳”的通用页面。

我后来怎么改？

我会尽量把 prompt 写具体一点，比如：

目标用户是谁
页面用途是什么
需要哪些模块
想突出哪个卖点
参考什么风格
不要什么

比如：

做一个给独立开发者使用的 AI 工具首页，主打“快速生成 landing page”，风格偏深色、极简、偏 SaaS，首屏要突出一句核心卖点，包含功能介绍、案例展示和 CTA，避免过度花哨。

这样生成的结果会明显更接近可用状态。

我的感受

AI 不怕你写多，它更怕你写空。

坑 2：一上来就想“直接生成完整网站”，结果返工最多

刚开始我特别喜欢一步到位：

帮我生成一个完整的网站，包含首页、功能页、价格页、关于我们……

结果通常是：

首页还能看
后面的页面开始变形
风格不统一
文案重复
结构很散

最大的问题是：
AI 一次做太多内容时，质量很容易失控。

尤其是你还没把产品定位、目标用户、品牌语气这些想清楚的时候，一次让它生成完整站点，后面几乎一定要大改。

我后来怎么改？

我现在更喜欢拆开做：

先只做首页结构
再优化首屏和卖点
再补功能模块
最后再做价格页、FAQ、关于页

也就是说，先把最关键的一页做对，再慢慢扩。

这样有两个好处：

修改成本低
风格更容易统一

我的感受

AI 很适合快速起稿，
但如果你把“整个网站”这个任务一次性全扔给它，最后很容易变成“看起来很完整，但没法直接用”。

坑 3：只看“生成速度”，没看“可改性”和“可上线性”

一开始我很容易被那种“30 秒生成一个网页”的效果震住。
确实很爽，几分钟就能看到东西出来。

但后面真正开始用的时候，我发现还有两个更现实的问题：

这个页面好不好改？
这个页面能不能真的拿去上线？

有些 AI 生成结果第一眼很惊艳，但一改就乱：

改个标题，排版崩了
加个模块，整体风格不统一
换个配色，细节全出问题
手机上看，响应式不太行

还有一些页面看起来不错，但真要用于正式场景时，会发现：

文案太空泛
CTA 不够明确
信息层级混乱
没有转化逻辑

我后来怎么改？

我现在看 AI 生成网页，不只看“第一眼”，还会看这几个点：

结构清不清晰
文案能不能承接业务
模块改起来麻不麻烦
响应式是否正常
最终能不能上线，而不是只适合截图

我的感受

AI 做网页最容易制造“已经完成了”的错觉。
但从“生成一个页面”到“做出一个能用的页面”，中间其实还差很多细节。

最后总结一下

如果让我回头看，AI 做网页这件事最容易踩的 3 个坑就是：

1. Prompt 太虚

导致结果看起来都对，但就是不贴需求。

2. 一次想做太多

导致结构散、风格乱、返工重。

3. 只关注生成，不关注修改和上线

导致页面只能看，不能真正拿来用。

我现在的做法

现在我用 AI 做网页，基本会遵循这几个原则：

先写清楚目标和场景
先做一页，不一次做完整站
先把结构做对，再调视觉
多轮迭代，不追求一次成型
把 AI 当助手，不当全自动替代品

如果你也在用 AI 做网页，欢迎聊聊：

你踩过的最大坑是什么？
或者你有没有发现什么特别有效的 prompt 写法？

#网站

我用 AI 做网页时踩过的 3 个坑

豆包给我发了一篇帖子

#网站

我用 AI 做网页时踩过的 3 个坑

豆包给我发了一篇帖子