30个用 AI 就能做出来的小项目，总有一个让你心动！

学编程最怕什么？不是学不会语法，而是——不知道做什么。

看完教程觉得自己会了，但打开编辑器脑子一片空白。今天我整理了 30 个项目灵感，从简单到进阶，每一个都可以用 Claude Code 或 Cursor 辅助完成。

入门级（1-2小时搞定）

1. 个人主页
一个简单的自我介绍页面，放上你的名字、照片、兴趣爱好。跟 Claude Code 说"帮我做一个好看的个人主页"就行。

2. 生日倒计时
输入生日日期，显示还有多少天。可以加上好看的动画效果。

3. 随机猫咪图片
每次打开或点按钮，随机显示一张猫咪照片。用免费的猫咪 API 就行。

4. 名言生成器
每次刷新显示一句名人名言，配上好看的背景。

5. 简易计算器
加减乘除的计算器，重点练习按钮交互和界面布局。

6. 石头剪刀布
跟电脑猜拳，记录胜负比分。简单但有趣。

7. 颜色选择器
随机生成颜色，显示色值，点击可以复制。设计师朋友会爱死你。

进阶级（半天到一天）

8. 记账本
记录每天的收入支出，自动算月度汇总。数据存在浏览器本地就行。

9. Todo 待办清单
经典项目，但你可以做出花来：加上分类、优先级、到期提醒。

10. 天气查询
输入城市名，显示当前天气和未来预报。用免费的天气 API。

11. Markdown 编辑器
左边写 Markdown，右边实时预览。写博客的人都需要。

12. 二维码生成器
输入文字或网址，生成二维码图片，可以下载保存。

13. 番茄钟
25 分钟工作 + 5 分钟休息的计时器，帮你专注学习。

14. 表情包搜索器
输入关键词搜索 GIF 表情包，用 Giphy 的免费 API。

15. 密码生成器
设置长度和规则，一键生成随机强密码。自己用也方便。

实用级（1-3天）

16. 个人博客
用 Next.js 做一个博客，写文章用 Markdown，部署到 Vercel。这是程序员的标配。

17. 短链接服务
把长网址变成短网址，还能统计点击次数。

18. 在线简历
比 PDF 简历更酷，做一个在线版的，发链接给面试官。

19. 习惯追踪器
每天记录习惯完成情况，生成类似 GitHub 的绿色格子图。

20. 电影/书籍收藏
记录你看过的电影和书，打分、写短评。

21. AI 聊天助手
接入 OpenAI 或其他大模型 API，做一个自己的 ChatGPT 界面。用 Claude Code 十分钟就能搞定。

22. 网站监控工具
定时检查某个网站是否正常，挂了发通知。运维同学的刚需。

23. 图片压缩工具
上传图片，选择压缩比例，下载压缩后的图片。做公众号的都需要。

挑战级（一周左右）

24. 多人聊天室
实时聊天，支持多人同时在线。用 WebSocket 技术，听起来难，让 AI 写其实也不难。

25. 微信小程序
做一个实用的小程序（参考我们之前的教程），发布到微信。

26. Chrome 浏览器插件
做一个小工具插件，比如网页截图、翻译选中文字、一键收藏。

27. API 接口服务
给你的其他项目提供数据接口，学会前后端分离。

28. 数据看板
把数据用图表展示出来，柱状图、折线图、饼图。

29. 自动化脚本
用 Node.js 写一些自动化工具，比如批量重命名文件、自动整理下载文件夹。

30. 小游戏
贪吃蛇、2048、打砖块……用 Canvas 或者简单的 HTML/CSS 就能做。（woshird.com 的"做游戏"分类有详细教程哦）

怎么用 AI 来做这些项目？

选好一个项目后，打开 Claude Code 或 Cursor，用自然语言描述你想要什么：

> "帮我做一个番茄钟网页应用，25分钟工作+5分钟休息，有开始/暂停/重置按钮，界面要好看，用 React + Tailwind CSS"

AI 会帮你生成完整代码。你要做的就是：

选项目的一个建议

别想太多，选一个你自己想用的。

自己会用到的东西，你才有动力做下去，做完也真的有用。比你硬着头皮做一个"学习项目"然后吃灰，强一万倍。

好了，30 个灵感都给你了，现在就打开电脑，挑一个开始吧！

做完了记得来 woshird.com 分享你的作品，大家一起交流进步！