XXCoder社区 - AI编程与Vibe Coding交流平台

专注Vibe Coding的长期讨论与高质量交流

关于小黑屋帮助FAQ协议
XXCoder社区 @ 2026
🏠首页
VibeCoder天才程序员

兴趣节点

全部
分享好东西综合讨论公告APP中转站Prompt综合讨论电脑反馈建议小程序Web新闻
87

大家好。

回复讨论
0

登录后可参与回复讨论。

XXCoder社区 - AI编程与Vibe Coding交流平台 Logo

XXCoder社区 - AI编程与Vibe Coding交流平台

登录后即可签到、查看积分与快捷发帖

XXCoder社区是聚焦 AI 编程、Vibe Coding、Cursor、Claude Code、OpenAI Codex 与独立开发实战的中文交流平台。这里持续分享 AI 写代码、产品构建、自动化工作流、提示词工程与项目变现经验,帮助开发者更高效地完成从想法到上线。

相关主题

aiaiai001注册送10额度,0.07倍率Ai版支付宝邀请码【免费】SuperNb 进群免费领$50额度FressModel注册绑定送Codex Claude Pro套餐豆包给我发了一篇帖子

主题标签

全部标签
生成网页Prompt文案

当前还没有回复,欢迎成为第一个参与讨论的人。

文明发言,理性讨论
AI工具
网站
目录
我用 AI 做网页时踩过的 3 个坑坑 1:Prompt 写得太笼统,结果页面“什么都有一点,但哪都不对”我后来怎么改?我的感受坑 2:一上来就想“直接生成完整网站”,结果返工最多我后来怎么改?我的感受坑 3:只看“生成速度”,没看“可改性”和“可上线性”我后来怎么改?我的感受最后总结一下1. Prompt 太虚2. 一次想做太多3. 只关注生成,不关注修改和上线我现在的做法
首页
VibeCoder
VibeCoder 节点
综合帖 12电脑帖 0小程序帖 2
综合

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

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

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

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


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

我最开始经常这么写:

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

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

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

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

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

我后来怎么改?

我会尽量把 prompt 写具体一点,比如:

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

比如:

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

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

我的感受

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


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

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

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

结果通常是:

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

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

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

我后来怎么改?

我现在更喜欢拆开做:

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

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

这样有两个好处:

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

我的感受

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


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

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

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

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

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

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

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

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

我后来怎么改?

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

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

我的感受

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


最后总结一下

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

1. Prompt 太虚

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

2. 一次想做太多

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

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

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


我现在的做法

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

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

如果你也在用 AI 做网页,欢迎聊聊:

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

站点 Logo
XXCoder
站点 Logo
XXCoder
APP
帖 7
Web
帖 2
·2026/06/23 08:04
敢闯
📝💬