乐于分享
好东西不私藏

不会写代码也能用AI做APP,我花28分钟做了一个(附详细步骤)

不会写代码也能用AI做APP,我花28分钟做了一个(附详细步骤)

🤯 先看结果:我用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给了你代码,接下来怎么让它"活过来"?

方法一:最简单(推荐新手)

  1. 打开电脑的「记事本」
  2. 把AI生成的代码全部复制粘贴进去
  3. 点击「文件」→「另存为」
  4. 文件名写 my-tool.html(注意:后缀必须是.html
  5. 编码选 UTF-8
  6. 保存后双击打开,就变成网页了!

方法二:在线运行(不用下载任何软件)

  1. 打开 codepen.io(免费在线编程工具)
  2. 把AI生成的HTML代码粘贴到HTML框
  3. 右边自动显示预览
  4. 点击「Save」保存,生成分享链接
  5. 把链接发给朋友,他们也能用

就这么简单。不需要安装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做过什么小工具?评论区晒出来,相互激发灵感 💡