Appearance
用 AI 做一个每日待办清单
今天要读书、回消息、整理桌面,事情都放在脑子里容易忘。这次让 Codex 做一个小清单:写下一件事,做完就勾掉。
这篇比做静态网页多了一步:按钮不仅要看着像按钮,还得真的能用。
1. 先玩一下我们要做的工具
打开待办清单示例。试着写一件不重要的小事,点“添加”,再勾选它。打开在线示例也只是在你当前浏览器里操作,没有发送给别人。

这次先做添加、勾选、删除和保存。提醒通知、账号登录和手机同步以后再说。
2. 给它一个放文件的地方
还没打开过桌面版 Codex?先完成安装和第一条消息。
- 在电脑桌面新建文件夹,叫 我的待办清单。
- 在桌面应用里进入 Codex,打开或添加这个文件夹作为本地项目。
- 在这个项目里新建对话;有运行位置选项时,选 Local(本地)。
- 发送:“请告诉我现在选中的文件夹,先不要创建文件。”确认位置是 我的待办清单。
3. 不用先学数据库
这次不用安装插件,也不用填写配置文件。清单先保存在你当前用的浏览器里,可以理解成“这台浏览器自己的小本子”。它不是云端账号里的数据,也不会自动出现在另一台电脑上。
双击打开的网页能不能保存,还与浏览器设置有关。 做好后,我们会亲自刷新试一次。先用练习事项,重要内容等能保存、能备份后再放进去。
4. 像聊天一样,告诉它清单怎么用
复制下面这段话,发到 Codex 的聊天框:
text
请在当前文件夹做一个每日待办清单,文件名叫 index.html。
我不会写代码,希望双击就能用浏览器打开,不用额外安装东西。
页面标题叫“今天,做完三件事”。
有一个输入框和“添加”按钮,可以输入新的事项。
初始放三件演示事项:读书 20 分钟、整理桌面、给朋友回消息。
每件事前面有可以勾选的小方框,完成后给文字加删除线。
每件事后面有“删除”按钮,点了只删除那一件。
上面显示“已完成几件 / 总共几件”,随操作变化。
空白或只有空格的内容不能添加,要提醒我先写一件事。
请尝试保存在当前浏览器里,刷新后可以继续。
如果浏览器不允许保存,明确提醒我,不能假装保存成功。
不做账号、联网同步、通知或自动发送消息。
界面用浅紫色和白色,手机窄屏也要能看完整。
做好后告诉我在哪里打开。等它完成,打开 我的待办清单 文件夹,双击 index.html。找不到文件就继续说:“请直接创建网页文件,并告诉我保存位置,不要只把代码贴在聊天里。”
做一次真实操作,别只看外观
- 在输入框写 散步 10 分钟,点“添加”。列表里应该多出这一项。
- 勾选 读书 20 分钟。文字应该被划掉,完成数变成 1 / 4。
- 取消勾选。文字恢复,完成数回到 0 / 4。
- 只点“散步 10 分钟”那一行的删除按钮。其他三件事应保留。
下面是添加一件事、勾选一件事后的示例:

如果数字没变,就把你刚才的操作说给它:“我勾选了读书,但上面的完成数还是 0。请让数字随勾选和取消勾选一起更新。”不用先知道代码错在哪。
刷新一次,检查它是不是真的记住了
再添加 明天继续练习,点浏览器刷新。看看新事项还在不在。如果它消失了,直接说:
text
我添加了“明天继续练习”,刷新网页后它消失了。
请检查保存功能。我是双击电脑里的 index.html 打开的。
如果这个浏览器不能保存,请明确说明,并给我一个能备份清单的方法。
不要只回复“已经保存成功”。加一个简单备份,重要内容能拿走
继续在同一个对话里发:
text
请加一个“下载清单备份”按钮。
点击后下载一份中文文字文件,列出每件事和它是否已完成。
浏览器无法保存时,也可以把当前清单下载下来。
保持原来的添加、勾选和删除功能,不要增加账号登录。它改完后,刷新网页,点一次下载按钮。到浏览器的下载列表打开文件,确认文字和完成状态都在。这份文字备份用来看和留存,不代表可以自动导入回工具。
5. 清单不对时,按现象继续聊
把浏览器窗口拉窄,再添加一件事,看看输入框和按钮有没有跑出画面。

| 看到的情况 | 怎么处理 |
|---|---|
| 空白也被加进列表 | 发:“不填写或只输入空格时,不要添加空事项,请给我一句提示。” |
| 删除一件,其他的也没了 | 发:“我只删除了某一行,请只移除这一项,保留其他事项。” |
| 提示无法保存 | 先下载备份;把提示发给 Codex,不用改一堆电脑设置 |
| 换浏览器后清单是空的 | 浏览器各自保存,不会自动同步;回原来的浏览器查看 |
| 下载的是空文件或漏了事项 | 把页面当前的事项和下载文件一起告诉 Codex,让它检查导出内容 |
即使同一个文件,改位置、换浏览器、清理浏览器数据,也可能让你看不到之前的清单。浏览器直接打开本地文件时的保存行为可能不同,具体限制见 MDN 的浏览器存储说明。不用读代码部分,遇到保存问题先留一份备份。
6. 换成自己的日常清单
确认操作正常后,可以删掉演示事项,添加你今天真正要做的三件事。也可以继续聊:“请把标题换成‘我的阅读计划’,其他功能保持不变。”
下载待办清单示例,解压后双击 index.html。本站示例和你自己做出的文件各有各的清单,不会互相同步。