乐于分享
好东西不私藏

30 分钟,我用 AI 做了一个属于自己的小工具

30 分钟,我用 AI 做了一个属于自己的小工具

说实话,写那篇文章之前,我自己也没试过。

所以这周,我决定亲自验证一下——用 AI,从零开始,做一个真正能用的东西。

结果是:30 分钟,我做出了一个「每日待办清单」小工具。能用,能发给朋友,还能部署到网上。

这篇文章,我把整个过程记录下来,包括我踩的坑。

我做了一个什么工具?

就是一个简单的待办清单:

- 可以添加任务

- 可以标记完成

- 可以删除任务

- 数据保存在浏览器里,关掉再打开还在

功能很简单,但重点是——我全程没有写一行代码。

我用了什么工具?

我用的是 Cursor。

为什么选它?

- 它是目前最成熟的 AI 编程工具

- 免费额度够用(每天 50 次请求)

- 界面友好,小白也能上手

下载地址:cursor.com(直接搜就行)

---

全过程记录

 第 1 步:告诉它我要做什么(2 分钟)

打开 Cursor,新建一个文件夹,然后在对话框里输入:

> 帮我做一个待办清单网页应用,要求:

> 1. 可以添加任务

> 2. 可以标记任务为已完成

> 3. 可以删除任务

> 4. 数据保存在浏览器本地存储

> 5. 界面简洁美观

然后,AI 开始工作了。

它直接帮我生成了三个文件:`index.html`、`style.css`、`script.js`。

我什么都没做,它自己就写完了。

第 2 步:看看效果(1 分钟)

在 Cursor 里右键点击 `index.html`,选择「Open with Live Server」。

浏览器弹出来了,一个待办清单就在我面前。

能用。能添加任务,能打勾,能删除。

但这一步,我遇到了第一个坑。

界面很丑。默认样式太简陋了,像 2005 年的网页。

第 3 步:让它变好看(5 分钟)

我继续跟 AI 说:

> 界面太丑了,帮我优化一下:

> 1. 用卡片式布局

> 2. 加一点圆角和阴影

> 3. 字体用好看的(推荐一个)

> 4. 配色用柔和的莫兰迪色系

它改了。刷新页面,好看了很多。

我又让它调了几次:

- "任务之间间距太小了"

- "完成的任务加个删除线"

- "加一个空状态提示"

每次它都能听懂,直接改。

第 4 步:部署上线(20 分钟)

做好之后,我想让朋友也能用。

这一步是最麻烦的。我用了 Vercel(一个免费的网站托管平台):

1. 注册账号

2. 把文件拖进去

3. 自动生成一个链接

过程有点绕,但跟着它的引导走,20 分钟搞定。

现在,任何人都可以通过链接访问我的待办清单了。

我踩的三个坑

坑 1:不要一开始就要太多功能。

我一开始说"我要一个待办清单,还要日历视图、还要统计图表、还要提醒功能"。AI 直接给我搞懵了,生成了一堆看不懂的代码。

后来我简化成"先做一个能用的",一次就成了。

教训:先做最小版本,能用再加功能。

坑 2:AI 有时候会「幻觉」。

我让它加一个功能,它给我生成了一段代码,但那个功能根本不存在于我当前的项目里。它自己编了一个。

后来我学会了:让它解释它做了什么,确认没问题再继续。

坑 3:部署比开发难。

开发 10 分钟搞定,部署花了 20 分钟。各种配置、各种报错。

但现在有很多更简单的方案,比如 Netlify(拖拽文件就能部署),下次我会用那个。

总结:普通人做自己的工具,真的可行吗?

可行,但有前提。

✅ 能做的:

- 简单的网页应用(待办、记账、计算器)

- 内部小工具(数据整理、报表生成)

- 个人项目(简历网站、作品集)

❌ 别指望的:

- 做出下一个微信

- 一夜暴富

- 完全不用动脑(你得会描述需求)

最重要的能力不是会写代码,而是:

1. 想清楚你要什么— 越具体越好

2. 会拆解问题— 一次只要一个功能

3. 有耐心迭代— 第一版一定不完美,改就行了

下一步

如果你想试试,我建议:

1. 下载 Cursor(免费)

2. 从一个最小的想法开始(比如:一个能记录喝水次数的页面)

3. 跟 AI 对话,让它帮你做

4. 遇到问题就问它,它比你想象的聪明

别想太多,先做。

做出第一个,你就会发现——原来做软件,真的没那么难。

相关学习资料