🤯 先看结果:我用AI做了一个能把文字自动转成PPT的网页工具。从构思到能用,花了28分钟。零代码、零成本。
上周公司年会,行政小姐姐要准备一个"互动抽奖"网页。
IT说:排期要两周。
我说:给我30分钟。
她不信。
我打开DeepSeek,用一两句话描述了需求,AI写出了完整代码。复制、粘贴、保存、打开——一个带动画的抽奖网页,花了12分钟。
她目瞪口呆的表情,是我今年最爽的瞬间。
今天我把整个流程拆解给你看。读完这篇文章,你也能做到。
第一步:选一个你真的需要的小东西
别一上来就想做"下一个抖音"。从小处着手,做个自己真正会用得上的小工具。
这些是我和身边人用AI做的,每样都在10-40分钟内完成:
| 做出来的东西 | 怎么做 | 花了多久 |
|---|---|---|
| 📊 文字转PPT工具 | 输入文字,自动排版成多页幻灯片 | 28分钟 |
| 🎰 年会抽奖网页 | 名单滚动+随机抽取+颜值高 | 12分钟 |
| 📝 待办清单工具 | 添加/完成/删除/本地存储 | 15分钟 |
| 🕐 番茄钟计时器 | 25分钟倒计时+休息提醒+历史记录 | 20分钟 |
| 🎨 调色板生成器 | 上传图片→提取主色调→生成配色方案 | 22分钟 |
| 📱 工资计算器 | 输入税前工资→算社保公积金个税→到手 | 18分钟 |
| 🔗 短链接生成器 | 长链接变短链接+自动跳转 | 25分钟 |
看到了吗?不需要是程序员,不需要学任何编程语言。你只需要会描述需求,剩下的AI帮你搞定。
第二步:用AI写代码——全流程演示
以"文字转PPT工具"为例,我把完整的对话过程贴出来。
第一次对话:说清楚你要什么
你对AI说:
帮我做一个网页工具,功能是:用户在左边输入文字,右边自动生成多页PPT。不需要登录,不需要数据库。要求:
1. 左边是输入区,分成多个文本框,每个文本框是一页PPT的内容
2. 右边是预览区,实时显示PPT效果
3. 有"添加新页面"和"删除页面"按钮
4. 点击"导出"按钮,生成可下载的HTML文件
5. 页面设计简洁好看,用蓝色主题
把完整代码给我,包含HTML+CSS+JS,放在一个文件里。
AI的回复(精简版)
AI输出了完整的HTML代码,大约200行。包含布局、样式、交互逻辑。(完整代码太长,这里不贴,原理说明见下文)
第二次对话:优化细节
你对AI说:
很好!但有几个问题:
1. 导出的PPT页面上文字太小了,把字号改成至少18px
2. 每页PPT加一个标题框,标题用大号字体
3. 加一个"预览模式"按钮,点击后全屏显示PPT
第三次对话:修bug
你对AI说:
删除页面按钮不太灵,删到最后一页时报错了。帮我修复一下。
三次对话,每次1分钟,总共28分钟,一个能用的文字转PPT工具就做好了。
第三步:把代码变成网页(手把手)
AI给了你代码,接下来怎么让它"活过来"?
方法一:最简单(推荐新手)
- 打开电脑的「记事本」
- 把AI生成的代码全部复制粘贴进去
- 点击「文件」→「另存为」
- 文件名写
my-tool.html(注意:后缀必须是.html) - 编码选
UTF-8 - 保存后双击打开,就变成网页了!
方法二:在线运行(不用下载任何软件)
- 打开 codepen.io(免费在线编程工具)
- 把AI生成的HTML代码粘贴到HTML框
- 右边自动显示预览
- 点击「Save」保存,生成分享链接
- 把链接发给朋友,他们也能用
就这么简单。不需要安装Python、不需要配环境变量、不需要学命令行。两步:复制粘贴 → 保存。
进阶玩法:用AI做的东西可以卖钱
别以为这些只是"自嗨小工具"。有人已经在靠这个赚钱了。
真实案例一:给淘宝店铺做定制工具
一个做电商的朋友,用AI给淘宝店主做"促销活动倒计时"网页。一单200-500元,AI 20分钟出一个。月入5000-8000。
真实案例二:给培训机构做小程序
用AI做了个"课程表+签到"工具,卖给3个本地培训机构,每个5000元。维护成本几乎为零,因为代码AI写的,需求变更也让AI改。
真实案例三:做模板挂网上卖
用AI做了10个"婚礼邀请函"网页模板,挂在闲鱼和小红书上卖,39元/个。月销50-80份,被动收入2000-3000。
能卖的远不止这些:
- 抽奖小程序
- 餐厅电子菜单
- 公司产品展示页
- 活动报名表单
- 客户反馈收集页
- 个人简历网页版
- 产品使用说明书网页
这些在小公司和个人商户那里需求极大,但没人愿意花几千块请人做。
你可能会遇到的问题&解决
| 问题 | 一句话解决 |
|---|---|
| AI给的代码报错 | 把报错信息截图发给AI,它会自己改 |
| 样式不好看 | 告诉AI"用苹果官网/小红书的设计风格重写" |
| 想要的功能AI说不会 | 换个说法重新描述,或者拆成更小的需求 |
| 生成的代码太长看不懂 | 不需要看懂,能用就行。AI时代不看代码 |
| 不会发布到网上给别人用 | 用CodePen的分享链接,或者传到GitHub Pages(让AI教你) |
| 想要用户输入的数据存下来 | 告诉AI"加一个本地存储功能",它会给代码 |
今天就动手:3个简单项目任选一个
项目A:个人名片网页(难度⭐,15分钟)
对AI说:"帮我做一个个人名片网页。包含姓名、职位、手机、邮箱、个人简介。设计风格简洁大气,用深蓝色系。导出为一个HTML文件。"
项目B:每日金句生成器(难度⭐,20分钟)
对AI说:"帮我做一个每日金句网页。页面上方有一个'刷新'按钮,点击后随机显示一句名言。需要预先内置20句经典名言。设计风格文艺清新。"
项目C:生日倒计时(难度⭐⭐,25分钟)
对AI说:"帮我做一个生日倒计时网页。用户可以输入自己的生日日期,网页实时显示距离下一个生日还有多少天、多少小时。有漂亮的动画效果。"
💡 终极秘诀:你向AI描述需求的能力,决定了你能做出什么样的小工具。需求越具体、越清晰,AI做出的东西就越好。这个能力不需要学,多用几次自然就会了。
— END —
你用AI做过什么小工具?评论区晒出来,相互激发灵感 💡
夜雨聆风