在上篇文章，我们一起用10分钟“复刻”了童年经典《黄金矿工》，体验了AI在游戏创作上的爆发力。
今天，我们要做一件更酷、也更实用的事——从“玩”到“用”，创造一款真正能服务你工作和生活的生产力工具。
对于忙碌的职场人，一个根据自己想法定制的待办工具，远比通用软件更高效。
而这，也正是你AI副业变现的起点——今天你为自己开发，明天就能为他人定制。
我们将以“产品经理”的思维，命令AI作为你的全栈工程师，共同打造一个美观、可用、且具备数据持久化能力的现代Web应用。
这将成为你从AI编程爱好者迈向AI应用创造者的关键一步。
前置条件：Claude Code已安装
时间投入：跟着做10-15分钟
技术难度：⭐（会复制粘贴就行）
待办事项APP：从概念到产品
我们将采用“产品驱动”思维。
你不需要懂代码，只需清晰地告诉AI，你要一个什么样的“产品”。
1. 创建项目文件夹（以Windows为例）
我们在D盘下创建一个放置该项目代码的文件夹📁
2. 双击进入该文件夹，文件夹上方的「盘符区域」输入「cmd」并敲击“回车”，「命令行」界面会自动打开，并显示该文件夹路径。
在「命令行」界面键入“claude”，即刻启动Claude Code。
3. 复制这段话发给Claude Code
创建一个现代化的待办事项应用，包含以下功能：
- 使用 HTML、CSS、JavaScript 技术栈
- 美观的用户界面，采用现代化设计风格
- 可以添加新的待办事项
- 可以标记任务为完成状态
- 可以删除任务
- 数据保存到本地存储
- 响应式设计，适配手机端
4. 当出现程序运行确认选项时，建议选择“第二项”，让Claude继续完成应用功能的分步搭建。
5. 等待几分钟，Claude便成功创建一个功能完整的现代化待办事项应用。
总时长不到5分钟。
6. 打开项目所在文件夹，找到**“index.html”**文件，双击即会启动默认浏览器打开项目。
7. 我们可以随意创建几条待办事项，查看下效果。
由此可见，基础功能均已实现。
让Claude优化部分细节
1. 我们可以对应用进行一些需求优化，比如增加“待办事项”的「优先级」。
增加待办事项时，请增加一个“优先级”单选项，下拉框中显示以下选项：
1. 重要且紧急
2. 重要但不紧急
3. 不重要但紧急
4. 不重要也不紧急
2. 大概耗时3分钟，新的需求就已完成。
需求迭代后的效果如下：
接着，我们让Claude将页面改得更科技范些；
请让页面显得更具科技范，并适配待办事项APP应用场景。
等待约2分钟，页面优化需求就实现啦！
页面优化效果还不错：）
从“使用者”变“创造者”
恭喜你，从“游戏复刻者”成功晋级为“应用创造者”。
你再次证明了，在AI时代，创造的价值远大于记忆，想法的价值远高于重复劳动。
请立即打开你的编辑器，将这组‘产品指令’逐条发送给Claude Code。
亲眼见证一个属于你自己的、可用的工具是如何在10分钟内诞生的。
完成后，请在评论区晒出你的APP截图，并分享一个你打算用它来管理的生活或工作场景，让我们一起看见效率的提升！
一个本地应用如何变成可分享的在线服务？
下一个项目，我将带大家将今天这个待办事项APP部署到公网，并揭秘如何为它接上AI大脑，让它能自动为你规划日程、智能拆分复杂任务。
让我们共同期待，一个真正智能的个人助理的诞生！
