怎么用 AI Agent 自动做网站？从内容站 MVP 开始
用 AI Agent 做网站，不是让它一次生成完整商业系统，而是让它围绕一个明确 MVP 持续执行：搭页面、写内容、跑测试、修问题。个人项目最适合从内容站或小工具站开始。
先确认目标
本文解决什么问题？
这篇文章讲清楚用 AI Agent 做网站的最小流程，适合想用 Codex、Claude Code 或类似工具推进个人站点的人。
适合 Agent 做的网站类型
| 类型 | 是否适合第一版 | 原因 |
|---|---|---|
| 内容站 | 适合 | 页面结构稳定，容易静态生成 |
| 小工具站 | 适合 | 功能边界清楚，测试容易写 |
| 企业官网 | 适合 | 信息展示为主，交互少 |
| 复杂 SaaS | 不适合作为第一版 | 权限、支付、数据模型复杂 |
| 电商系统 | 不建议新手直接做 | 涉及订单、库存、支付和售后 |
做网站前要准备什么
你至少要准备：网站定位、栏目结构、首批页面、技术栈、部署方式和验收命令。如果这些都没有，Agent 会在很多地方替你乱猜。
给 Agent 的任务越像“修一个可验证的工程问题”，结果越稳定；越像“帮我做个完整网站”，越容易跑偏。
可以直接照做
内容站 MVP 任务包
先把第一版限制成 5 个交付物：
- 首页：说明网站解决什么问题，并给出分类入口。
- 分类页：至少列出 3 到 5 篇真实文章。
- 文章页：能渲染标题、正文、表格、FAQ 和推荐工具。
- 工具页：先放 1 个能用的小工具或推荐入口。
- 验证：必须跑
pnpm lint、pnpm test、pnpm build。
这 5 项完成前，不要让 Agent 做登录、支付、后台和复杂权限。
推荐流程
先写网站结构
列出首页、分类页、文章页、工具页、关于页、隐私政策等页面，不要一开始做后台。
生成最小可运行项目
先让 Agent 搭出能本地启动、能构建、能访问首页的版本。
一次只加一个模块
例如先加文章系统，再加 sitemap，再加工具页。每次都跑测试或构建。
要求它说明验证结果
不只看代码是否生成，还要看 lint、typecheck、test、build 是否通过。
上线前人工检查
检查联系方式、备案、SEO、隐私政策、推广链接和移动端显示。
任务提示词示例
可以这样描述任务：
请在现有 Next.js 项目里新增一个文章分类页。
要求：
1. 只读取 content 下的 MDX 元数据。
2. 分类不存在时返回 404。
3. 新增或更新测试，验证链接指向真实文章。
4. 运行 pnpm test 和 pnpm build。
不要改无关样式。
这样的任务有范围、有验收，也明确了不能做什么。
常见问题 FAQ
AI Agent 可以完全替我上线网站吗？
不建议完全放手。服务器、域名、备案、支付、统计和隐私内容都需要人工确认。
新手应该选什么网站类型？
优先选内容站、小工具站或简单官网。它们结构清楚，改错成本低，也更适合用测试验证。
Agent 做的网站一定好吗？
不一定。它能提高执行速度，但定位、内容质量、用户路径和转化设计仍然需要人判断。
阅读结论
总结
用 AI Agent 做网站，先从 MVP 开始，把任务拆成页面、内容、工具和验证命令。让 Agent 执行明确步骤，人负责边界和上线判断。