上一篇在 ChatGPT 里做出了第一期简报。这篇要把它做成一个网页，放到网上，谁都能打开看。
不过这次不在聊天窗口里做了。
前面几篇一直在聊天窗口里，每次新开一个对话，AI 都不记得之前做过什么，要重新把背景交代一遍。做出来的简报也只是一段回复，要自己复制出来存好。偶尔做一次没问题，但简报是每天都要做的事，以后还要做网页、加功能，一直在聊天窗口里一句一句地问，就是第 2 篇「模型、聊天工具和 Agent，我们到底在用什么」里说的，把一件需要 Agent 来做的事，放在了聊天窗口里。
所以这次换个方式：给简报建一个项目文件夹，简报、网页、说明都放在里面，让 AI 在这个文件夹里干活。
我这次用的是 Claude Code，你也可以直接使用 Codex、DeepSeek Harness 等 Agent。它们和聊天工具最大的区别是，在你电脑上的一个文件夹里工作，能自己读文件、写文件、运行命令。你交代一件事，它会先去看文件夹里有什么，再动手。
首先，新建一个文件夹 ai-brief，把上一篇做好的第一期简报放进去。然后在这个文件夹里打开 Claude Code，把需求交给它。还是第 4 篇「怎样把一件事交给 AI」讲的那四件事：
这个目录是我的「每日 AI 工具变化简报」项目。帮我做一个展示简报的网页。
【目标】
做一个网页，把每天的简报按时间线展示出来，读者打开浏览器就能看。以后每天会新增一期。
【资料】
- 第一期简报：raw/2026-10-09.md（ChatGPT 生成并核对过的版本）
- 样式参考：按天分组；每条一个时间点，按时间排；每条只有时间、工具和来源、一两句话说清变了什么、一句推荐理由、评分和原文链接，扫一眼就知道当天发生了什么。
【限制】
- 页面简洁，手机上也要好看
- 不用复杂框架，以后加一期简报只需要加一个数据文件，不用改网页代码
- 内容只用第一期里已有的信息，不要自己补充或改写事实
【完成标准】
- 把第一期整理成结构化数据，网页按时间线展示
- 只有日期没有具体时间的条目，标“时间未公开”，排在当天最后
- 当天没有变化的工具、抓取失败的来源，也要在页面上交代
- 写一个 README，说明项目结构、怎么新增一期、怎么本地预览
- 本地预览没问题后告诉我“样式参考”这一条，就是上一篇留下的问题。上次只写了每条要包含什么，没写长什么样，交回来的是一大段文字。这次把想要的样子写进了资料里。
做完之后，文件夹里是这样的：
index.html 页面
style.css 样式
app.js 读取数据，显示成时间线
data/index.json 一共有哪几期
data/2026-10-09.json 第一期的数据
raw/2026-10-09.md 第一期的原文，留着核对
README.md 项目说明它把第一期拆成了一条一条的数据，每条有时间、工具、来源、标题、摘要、推荐理由、要不要调整、评分和链接。网页读这些数据，按时间线显示出来。以后加一期，只要按同样的格式放一个数据文件，再在 index.json 里加上日期就行，网页代码不用动。
它还自己检查了一遍：在本地把网页跑起来，按电脑和手机两种宽度截图看了效果，顺手发现页脚链到系列文章的地址打不开，改了过来。这就是第 5 篇「AI 交回来的东西，怎么检查和纠正」里说的，给它一个能自己检查的办法，它交回来的就不只是一句“做好了”。
接下来是放到网上。整个流程大概是这样的：
- 把项目放到 GitHub。GitHub 是存代码的网站，可以理解成项目的网盘，免费注册。这一步可以直接让 Agent（我用的是 Claude Code）做，它会建好仓库，把文件推上去。
- 在 Cloudflare 新建一个 Pages 项目，连上这个 GitHub 仓库。Cloudflare Pages 可以免费托管这种静态网页。这个项目没有构建步骤，构建命令留空，输出目录填
/就行。 - 绑定域名。不绑也可以，Cloudflare 会给一个
项目名.pages.dev的免费地址，直接就能访问。我的域名本来就在 Cloudflare 上，所以绑了一个子域名brief.ikookblog.com。
第 2、3 步要登录 Cloudflare 后台点几下。部署好之后，打开 https://brief.ikookblog.com 就能看到。
这些步骤不用自己记。网页本来就是 Agent 在这个项目里做的，部署也可以接着交给它，就在这个项目里直接说：
帮我把这个项目部署到网上，用 GitHub 和 Cloudflare Pages，以后改完推送就能自动更新。
你能做的直接做，比如建 GitHub 仓库、推送代码；需要我登录后台操作的，一步步告诉我点哪里、填什么，每一步做完告诉我怎么确认成功了。
我的域名是 xxx.com，想绑一个子域名；没有域名的话，先用 Cloudflare 给的免费地址。需要登录的地方它会停下来，告诉你去哪里点什么。Cloudflare 的后台界面时不时会改，它说的按钮对不上，就截图发给它，让它告诉你现在该点哪里。
这样设置之后，项目每次推送到 GitHub，网页都会自动更新，后面不用再管部署的事。
到这里，网页是有了。但这篇真正想说的是另一件事：项目建好之后，AI 能不能接着干。
我新开了一个 Claude Code 会话，之前做网页的对话它完全不知道，也不交代任何背景，只说了一句：
给页面加一个按工具筛选的功能：顶部放一排按钮，全部、Codex、ChatGPT、Claude、DeepSeek，点哪个就只看哪个工具的条目。改完告诉我改了哪些文件。它先列了一遍项目里有哪些文件，又去找有没有项目规则文件 AGENTS.md，没找到，接着把 README、网页代码和数据文件都读了一遍，然后才开始改。改完自己在浏览器里把五个按钮挨个点了一遍，确认筛选是对的。
最后它交代了改了哪三个文件，还列了几处它自己拿的主意，让我确认。比如点 Claude 的时候，Claude Code 的条目也一起显示；当天筛完一条都没有，日期还留着，给个提示。这几处我看了，都没问题，提交推送之后，网页很快就更新了。
整个过程我没有重新解释这是个什么项目、数据放在哪、网页怎么写的，这些它都是从文件里读出来的。这就是项目文件夹和聊天窗口最大的区别：背景写在文件里，不在对话里。对话关掉就没了，文件一直在，下次不管是新开的会话，还是换一个 AI 工具，进来读一遍，一般也能接着干。
Agent 一上来就自己找 AGENTS.md 是为什么呢？这是专门写给 AI 看的项目规则，目前项目里还没有，它只能从 README 和代码里自己猜。后面会专门讲怎么写。
OK，简报有了自己的项目和网页。不过这篇只演示了 Agent 怎么把事情做出来，为什么要用 Agent，它和聊天工具到底差在哪，为什么换个会话不用重新交代，下一篇以出一期简报为例，一起拆解讲清楚。
相关阅读：
AI 实践指南 01：让所有人把 AI 真正用起来
AI 实践指南 02：模型、聊天工具和 Agent，我们到底在用什么
AI 实践指南 03：ChatGPT、Claude 开通指南，一步步来
AI 实践指南 04：怎样把一件事交给 AI
AI 实践指南 05：AI 交回来的东西，怎么检查和纠正
AI 实践指南 06：从需求到交付，做出第一期简报
题图标题：《船坞》
创作者：ikook
AI 算法提供：
- OpenAI GPT Image 2（题图）
本文图文版权所有，未经授权请勿转载或使用。