24
大家好。
当前还没有回复,欢迎成为第一个参与讨论的人。
{“version”:1,“blocks”:[{“id”:“public-1”,“type”:“PUBLIC”,“text”:"# 我用 AI 做网页时踩过的 3 个坑
最近一直在用 AI 做网页、做 landing page,也踩了不少坑。
刚开始我以为只要一句 prompt 丢给 AI,它就能直接生成一个“能上线”的页面,但实际做下来发现,AI 更像一个很快的助手,不是一步到位的全自动建站神器。
这里分享 3 个我最常踩的坑,如果你也在玩 vibecoding,可能会有共鸣。
我最开始经常这么写:
帮我做一个简洁、现代、有科技感的网站首页
看起来没问题,但 AI 生成出来的结果通常是:
后来我发现问题不在 AI,而在于我的描述太虚了。
像“简洁”“现代”“高级感”“科技感”这种词,AI 可以理解,但理解得很泛。
最后它往往会生成一个“四平八稳”的通用页面。
我会尽量把 prompt 写具体一点,比如:
比如:
做一个给独立开发者使用的 AI 工具首页,主打“快速生成 landing page”,风格偏深色、极简、偏 SaaS,首屏要突出一句核心卖点,包含功能介绍、案例展示和 CTA,避免过度花哨。
这样生成的结果会明显更接近可用状态。
AI 不怕你写多,它更怕你写空。
刚开始我特别喜欢一步到位:
帮我生成一个完整的网站,包含首页、功能页、价格页、关于我们……
结果通常是:
最大的问题是:
AI 一次做太多内容时,质量很容易失控。
尤其是你还没把产品定位、目标用户、品牌语气这些想清楚的时候,一次让它生成完整站点,后面几乎一定要大改。
我现在更喜欢拆开做:
也就是说,先把最关键的一页做对,再慢慢扩。
这样有两个好处:
AI 很适合快速起稿,
但如果你把“整个网站”这个任务一次性全扔给它,最后很容易变成“看起来很完整,但没法直接用”。
一开始我很容易被那种“30 秒生成一个网页”的效果震住。
确实很爽,几分钟就能看到东西出来。
但后面真正开始用的时候,我发现还有两个更现实的问题:
有些 AI 生成结果第一眼很惊艳,但一改就乱:
还有一些页面看起来不错,但真要用于正式场景时,会发现:
我现在看 AI 生成网页,不只看“第一眼”,还会看这几个点:
AI 做网页最容易制造“已经完成了”的错觉。
但从“生成一个页面”到“做出一个能用的页面”,中间其实还差很多细节。
如果让我回头看,AI 做网页这件事最容易踩的 3 个坑就是:
导致结果看起来都对,但就是不贴需求。
导致结构散、风格乱、返工重。
导致页面只能看,不能真正拿来用。
现在我用 AI 做网页,基本会遵循这几个原则:
如果你也在用 AI 做网页,欢迎聊聊:
你踩过的最大坑是什么?
或者你有没有发现什么特别有效的 prompt 写法?"}]}