AI学习作业：我用 AI 做了个口算练习网页，
群里有人问，学习AI能干啥？也不能只是文生图，天天画画吧？
今天想给大家布置一个作业——完全没用 AI 写代码，全程靠「动嘴」，做出了一个能给娃用的口算练习工具。
先看我测试做的成品：
👉 一个网页，打开就能用。孩子选年级、选题目数量，在屏幕上点数字作答，做完一键批改，错题自动标红，还能单独重做错题。
关键是： 这个文件就 23KB，双击浏览器就能打开，不用装任何软件。
先别急着看源文件——我想让新手朋友「你也能自己做出这样的工具」，这两种感觉完全不同。
一、我是怎么想的？
暑假到了，年轻的读者给家里小孩练口算：能不能让 AI 帮我做一个？
我对 AI 说：
「生成一个独立静态 HTML 口算练习网页，无需后端，纯前端运行。 功能：可选择年级：10 以内、百以内、千以内加减、乘除混合； 自定义出题数量 10/20/50 道； 做完一键批改，错题标红，自动汇总错题清单； 界面简洁卡通，适合儿童，字体大，配色柔和。 要求代码完整，直接保存 html 双击浏览器就能打开，不需要安装任何软件。」
AI 刷刷刷就给我生成了一个。
这一步的关键是什么？ 是把需求说清楚，越具体越好。不要只说「做个口算工具」，要说「给谁用」「什么场景」「几个功能」「长什么样」。
二、第一版不满意，继续聊
第一版出来我试了一下，发现问题：虚拟键盘在底部，会挡住提交按钮。
我又对 AI 说：
「键盘不要放在题目下面，放在题目右边，否则会遮住提交按钮。」
AI 秒钟就改了布局，左右分栏，键盘放右侧。
这就是跟 AI 协作的正确姿势： 不是一次性搞定，而是 「提需求 → 看结果 → 提修改 → 再看结果」 的循环。你就像产品经理，AI 是开发。
三、最好的提示词长什么样？
经过这次实践，我总结了一份万能提示词模板，你们直接拿去用：
请帮我做一个 [工具名称]，要求如下：
【用户】[谁在用？小孩/大人/自己]
【场景】[在什么情况下用？手机/电脑/上课/自用]
【功能】[列出 3-5 个核心功能]
【界面】[风格要求：可爱/简约/专业/卡通]
【技术】[纯前端 HTML / 需不需要联网 / 需不需要安装]
【特殊要求】[任何你想到的细节]
举个例子，我这次用的完整提示词：
生成一个独立静态 HTML 口算练习网页，无需后端，纯前端运行。
用户：小学生 场景：家长打印或让孩子在电脑/平板上练习
功能：
可选择年级：10 以内、百以内、千以内加减、乘除混合 自定义出题数量 10/20/50 道 做完一键批改，错题标红，自动汇总错题清单 要有计时器，记录完成时间 要有错题重练功能 要有虚拟数字键盘，适合触屏操作 界面：
简洁卡通，适合儿童 字体大，配色柔和 按钮圆润，色彩丰富但不刺眼 额外要求：
代码顶部用中文注释标出「小白定制区」，方便不会编程的人也能改标题、改颜色、改题量 所有代码在一个 HTML 文件中 双击浏览器就能打开，不需要安装任何软件
看到区别了吗？ 越具体，AI 给出的结果就越接近你的预期。
四、🎯 本期作业
好了，理论讲完了，现在到你们动手的时候了。
作业：用 AI 做一个属于你自己的小工具。
选题参考（选一个你感兴趣的）：
提交方式： 把 AI 生成的 HTML 文件和你的提示词一起发到群里，让大家互相学习进步。
五、写在最后
过去你想做这样一个网页，你得学 HTML、CSS、JavaScript，至少花一两天。
现在，你只需要学会「把需求说清楚」这一件事。
不会编程，不是障碍。不会提需求，才是。
AI 时代最重要的能力，不是写代码，而是想清楚自己要什么，然后用语言准确表达出来。
你的第一次作业，就是练习这个能力。
💡 小贴士： 做完作业后，试试用记事本打开我发在群里的 HTML 文件，看看里面的代码。你不需要读懂它，但你可以找到我提到的「小白定制区」——改几个汉字、改几个数字，页面就会变成你的专属版本。这种掌控感，值得体验一下。
期待你们的作品！🚀