如何用 AI 从零做一个完整的网站项目？

一句话回答：给 AI 提供设计参考和项目背景 → 用便宜快速的模型（如 Gemini Flash）快速出初版 → 模型变慢或不稳时让它写交接文档、切换到更稳的模型（如 Claude Code）继续打磨 → 最后让 AI 写项目总结文档再部署。全程用语音输入沟通，接受 AI 会翻车的现实，一个完整网站约 1.5 小时可以做完。

以下经验来自一个真实项目：bench.daheiai.com（AI 横评排行榜网站），全程原速实录，翻车保留。

开工前：把上下文给足

设计参考：配色、风格说明（该项目用米白 + 橙色，与已有站点生态统一）
项目背景：你是谁、这个网站为谁服务、要解决什么需求——AI 知道背景才能做对取舍

工作流：双模型接力

前期用便宜快的模型冲初版（Gemini 3.5 Flash CLI）：生成骨架、反复调细节（去冗余英文、改数据格式、修排版）
模型变慢/不稳定时切换：让当前 AI 写一份交接文档，把进度、结构、待办交代清楚，再由 Claude Code（Sonnet）接手——这是跨模型协作的关键动作
后半段用更稳的模型打磨：逐个完善功能模块，处理表格显示、圆角、锚链接、排序等细节
收尾：让 AI 写项目交接/总结文档，确认部署方案

成本效益上，Sonnet 级别的模型出错率可接受，不必全程 Opus 级别。

技术选型：能简则简

该项目用纯静态 HTML + CSS，数据通过 JSON 文件加载：

更新数据只改 JSON，不动页面结构
部署就是直接上传服务器，无需额外环境

个人小项目优先选这种"维护成本最低"的方案。

沟通技巧：用语音说话

全程用语音输入法与 AI 沟通——口语化输入比打字更自然高效，你可以想到哪说到哪，把整理结构的活交给 AI。

AI 会怎么翻车（真实记录）

画蛇添足：加你没要求的东西
理解错意图：做出来的不是你想要的
自己乱改：改 A 的时候顺手动了 B
上下文超限后行为异常：该项目中出现过上下文超限后输出韩文

应对原则：翻车是常态，不是事故。及时发现、明确指出、让它改回来即可；上下文快满时主动让 AI 写交接文档开新会话。

常见误区

"AI 写代码应该一遍过" —— 真实项目中反复调整才是常态，价值在于总耗时依然远低于手写
"全程用最强模型才靠谱" —— 便宜快速的模型冲初版 + 稳定模型收尾的组合，成本效益更好

如何用 AI 从零做一个完整的网站项目？ ​

开工前：把上下文给足 ​

工作流：双模型接力 ​

技术选型：能简则简 ​

沟通技巧：用语音说话 ​

AI 会怎么翻车（真实记录） ​

常见误区 ​

相关条目 ​