用 Codex 和 Claude 重建个人网站的实战复盘
Ben's Bites · rss · 2026-08-28
Ben Tossell 分享了他使用 AI 编码助手（Codex 和 Claude）重建个人网站的完整过程与心路历程。
设计与迭代：
- 起初尝试模仿 Agent 应用的界面，让 Codex 生成原型。通过反复截图并在 tldraw 上标注修改意见，再反馈给模型进行调整，形成了快速迭代闭环。
- 发现 Claude 在理解设计意图方面优于 GPT，而 GPT 需要更具体的反馈。
- 在功能开发中经历了“范围蔓延”，加入了过多的交互功能，最终决定推倒重来，回归简洁的画布风格。
技术实现与部署：
- 内容管理：让网站内容从独立的 Markdown 文件读取，便于维护。
- 部署：使用 here.now 快速部署，通过 Agent 直接配置 Vercel 的 DNS 记录将域名指向新站点，无需繁琐的手动配置。
- 动画细节：通过文字描述指导 Agent 制作了一个在页面上行走的吉祥物动画，并逐步修正肢体动作和交互逻辑。
经验总结：
- 往往需要看到实际版本才能确定真正的需求，因此常要求 Agent 生成多个版本进行对比。
- 这种“设计-标注-修改”的循环是使用 AI 进行开发的高效工作流。
「编程与Agent」频道最新
- 指南：如何在 Claude Code 中使用 Claude Design — tomcrawshaw01 · 2026-08-28
- Prime Agent：用于通用长时任务的开源编码 Agent — dl_weekly · 2026-08-28
- KateBench 自动编辑 86% 准确率背后的工程细节 — every · 2026-08-28
- 通用的 Agent 循环架构模式 — DavidKPiano · 2026-08-28
- 观点：API、CLI 与 MCP 本质上都是成本优化机制 — curious_vii · 2026-08-28
- 实测腾讯混元 Hy4：修复 17 个 Bug 仅花费 3.13 美元 — PawelHuryn · 2026-08-28