前段时间，我想给上小学五年级的娃找一个能自己打卡、自己看进度的学习工具。市面上的 App 要么广告多，要么要联网，要么孩子玩着玩着就跑偏了。

我干脆打开 WorkBuddy，花半个钟头做了一个单文件网页，存在电脑或平板里就能打开，不联网也能用。

它长什么样

打开是一个绿油油的「阳光学习能量站」。顶上能改孩子名字，右边摆着连续打卡天数、阳光值和等级。

左边一排学科按钮，语文、数学、英语、科学、道法、体育、音美、综合都在里面。点进去，每个单元是一张卡片，卡片里是把课本拆成的小任务。

点「数学」这类主科，进度条会显示这科完成了百分之几。每个单元拆成几张卡片，小任务前面都有 +5☀️ 的奖励提示。

四个让孩子愿意打开的设计

完成任务得阳光。每勾掉一项小任务，就加 5 个阳光。阳光不是装饰，它能换奖励。

每日打卡给连续感。每天点一下打卡，得 20 阳光，连续天数会一直叠。断了一天也没关系，第二天重新记。

阳光能换真奖励。右下角有个兑换商店，看一集动画片 60 阳光，玩 30 分钟游戏 120，周末外出游玩 300。规则是家长和孩子提前说好的，工具只负责记账。

今日推荐替选择困难。打开就自动挑出还没做的三件事，不用每次都从一堆卡片里翻。

为什么这样做

小学阶段，能把「今天学什么」这件事自己想清楚，比多刷两道题更有用。

这个工作台不判题、不排名，它只做一件事，让孩子看见自己的进度，并且因为阳光和奖励愿意主动点开。

所有数据都存在浏览器本地，不上传任何服务器。换浏览器也不怕，点「导出」存个文件，到新设备点「导入」就回来了。

怎么用 WorkBuddy 搭出来（手把手）

整个工作台我没写一行代码，是在 WorkBuddy 里一步步做出来的。核心不是工具多厉害，而是你会不会把需求讲细。下面是我实际用的提示词，你直接抄、改几个词，就能给自家娃做一版。

第 1 步：先说清楚「做什么」

打开 WorkBuddy，第一句我就这么发：

帮我做一个北京小学五年级学生的学习工作台，单文件 HTML，能离线打开。要包含：① 顶部能改孩子名字；② 左侧学科导航（语文/数学/英语/科学/道法/体育/音美/综合）；③ 每个学科按单元拆成任务卡片，勾选任务得积分；④ 每日打卡领积分，记录连续天数；⑤ 阳光兑换商店，积分换奖励；⑥ 数据存浏览器本地，能导出导入。

这一步的关键是别只说「做个学习工具」。边界讲细了，AI 才知道你到底要什么、不要什么。

第 2 步：把学科内容喂进去

AI 出第一版后，学科任务常常是空的或通用的。我接着发：

语文按统编版五年级上册的 8 个单元拆，每个单元列 4–5 个具体任务，比如第一单元《白鹭》预习、生字词听写；数学按小数乘法、位置、小数除法来；英语用北京版；科学按光、地球表面、运动和力。

想更准，直接把孩子的课本目录拍个照、或粘贴文字给 AI，让它照着拆，比凭空编标题靠谱得多。

第 3 步：定好积分和奖励的规则

这是家长最该把关的地方。我发：

完成任务 +5 阳光，打卡 +20。兑换商店放这些：看一集动画片 60、玩 30 分钟游戏 120、周末外出游玩 300。规则是家长和孩子提前商量好的，工具只记账，不自动放行。

奖励金额你和孩子商量着定，别照搬我的。定好了，AI 就只管记，不会自己把孩子放出去玩。

第 4 步：边看边改，用截图说话

打开 HTML 试两天，哪里别扭就截图或描述给 AI。我改过这几处：

加个「导出 / 导入」按钮，我要换浏览器用。

进度条颜色按学科换，更直观。

每改一次刷新看效果，直到顺手。

第 5 步：最后验收定稿

检查一遍：姓名能改、打卡连续天数对、积分加减不串、导出导入能恢复。确认没问题就定稿。

关键认知：你不需要会编程。你负责「把需求讲细 + 验收效果」，WorkBuddy 负责「写出来 + 改到你满意」。

这个工作台现在装的是北京五年级常见课本的内容。如果你们家是别的年级，或者想加阅读、练琴、运动这类习惯，思路是一样的。