{“version”:1,“blocks”:[{“id”:“public-1”,“type”:“PUBLIC”,“text”:"# 我用 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 写法？"}]}
