很多人第一次用 Codex 或其他 AI 工具做网页，都会陷入同一个误区：想法还没梳理清楚，就直接让 AI 开始写代码。 🗑️ 结果往往是页面看起来什么都有，但模块混乱、视觉廉价、项目逻辑不成立，最后变成典型的 Vibe Slop。 本篇笔记整理了一套适合小白的 3 步网页生成流程： 1️⃣ 先让 AI 像产品经理一样连续提问，把模糊想法问清楚 2️⃣ 提供视觉参考，让 AI 匹配项目定位并搭出完整网页骨架 3️⃣把图片直接丢进文件夹，让 Codex 自动分类、改名、匹配和替换 ❗️❗️记住：你不需要一开始就会写代码，也不需要提前知道网页应该长什么样。先把想法说出来，再搭骨架、补素材、逐轮修改，才是 AI 做网页更稳定的工作流。 🌟 笔记里整理了每一步可以直接复制使用的 Prompt，适合正在用 Codex、Claude Code 或其他 AI 编程工具做网页的你🫵🫵🫵 #howto用好AI #howto入门codex #AI新手村 #howto用AI抢救一切 #AI工具 #提示词分享 #vibecoding #网页制作 #个人开发者 #howto入门vibecoding