AI 实践一个可设置专注与休息时长、记录当天完成次数的本地网页计时器。
开始前准备
先把材料准备好，再让 Codex 动手。缺少真实内容时先留空，不要让它替你编造。
- 决定默认专注和休息分钟数
- 准备一个空练习目录
- 确认声音提醒是否需要且可关闭
第一版只做这些
这一轮只完成最小可用版本。下面四项全部完成以后，再考虑增加功能。
- 开始、暂停、继续和重置
- 专注与休息自动切换
- 当天次数保存在本机
- 页面刷新后状态合理恢复
跟着完成一次
不要一次把全部要求扔给 Codex。按顺序完成，每一步都先看结果，再继续下一步。
- 01
先定义计时状态和每个按钮的行为。
- 02
实现不依赖后台的本地版本。
- 03
用短时长测试开始、暂停、切换和重置。
- 04
检查切换标签页与刷新后的计时准确性。
- 05
补充声音开关、键盘焦点和数据清除入口。
复制给 Codex 的完整任务
把方括号中的内容替换成你自己的真实材料，再复制给 Codex。
项目开工提示词
请在当前练习目录制作一个本地专注计时器。先定义 idle、running、paused、break 四种状态以及开始、暂停、继续、重置按钮在每种状态下的行为，等我确认后再实现。使用浏览器本地存储保存今日完成次数和用户设置，不接账号、云端或付费 API。计时不能只依赖 setInterval 累加，要根据真实时间差计算，避免切换标签页后明显漂移。完成后用 5 秒测试时长走完专注、暂停、恢复、休息、刷新和清除数据，检查键盘操作、提示音开关和控制台错误。
Skill 怎么参与
Skill 只是帮助你加快某一步，不是完成项目的前提。没有安装，也可以让 Codex 按同样的目标继续做。
Impeccable
用于让当前状态、剩余时间和主操作一眼可辨。
Browser / Playwright
用于走完计时状态、刷新和本地存储验收。
第一版完成以后
确认第一版可以使用，再复制下面这段升级任务。不要在基础功能还没跑通时提前增加。
项目升级提示词
请为现有计时器增加一周专注记录和简单柱状图，数据继续只保存在本机，并提供清空记录入口。先设计日期跨天与时区规则，再实现和验证；不要增加登录、通知权限或复杂统计。
常见偏差
- 用计时器回调次数代替真实时间，切换页面后严重漂移。
- 没有清除入口，测试数据永久混在真实记录里。
完成检查
- 开始、暂停、恢复和重置行为一致。
- 切换标签页后剩余时间仍准确。
- 刷新与跨天规则清楚。
- 所有数据都能在本机清除。