夜雨聆风
零编程基础的我,给孩子开发了一个错题app
一个没有编程经验的普通人，仅靠与AI对话，5天内亲手做出了一款专为孩子设计的错题管理App，这并非奇迹，而是一个低成本、可复制的实践方案。
AI时代真的来了
我们在AI时代来临能够做些什么？
我们正身处AI真正落地的时代。短短两三年间，chatgpt带来的AI浪潮就席卷全球，街上随便拉个老人或者小孩子，可能都听说过deepseek或者豆包，或者用过这些AI工具了。
老百姓的生活也在逐渐的发生改变，很多人都习惯性选择一些AI工具来提高自己的工作和学习效率，可以说这真的是一个美好的时代。你的各种想法和创意，都有现成的工具来帮助你实现。
很早我就想到了给孩子寻找一个小工具，帮助整理孩子的错题，让孩子能够自主复习错题，培养学习习惯，当然最好还要有奖励机制来激励孩子坚持学习。毕竟我们大人都有想偷懒的时候，孩子可没有这么好的自觉性。
找了一圈市面上的APP，有的功能过于复杂，有的价钱太贵感觉不划算，哈哈，还是贫穷思维制约，老是想低成本解决问题，可惜都没有找到合适的工具。
有一天刷小红书，发现了有博主开发了类似的工具而且成功变现。那一刻我突然意识到：既然别人能做，我为什么不能？同样是Vibe Coding，我也可以复刻一个！说干就干，以下便是我的完整开发历程。
开发过程
需要提前说明：本次开发所用工具大部分都是免费的（部分工具有获取或使用门槛，如有需要可后台私聊我获取协助）。
第一步：零基础设计UI原型前端UI设计不再依赖专业能力。我使用Google Stitch快速生成原型：在输入框中描述需求：
“我想开发一款错题App，用于提升孩子的学习兴趣与能力。具体需求如下：
支持拍照录入错题，裁剪题目后通过OCR识别内容，并添加知识类型标签，便于后续构建知识图谱； 错题诊断功能：接入AI，以苏格拉底式提问引导孩子思考‘错在哪里’，并自动生成同类知识点类型题； 界面游戏化+激励机制：答对一题获积分，积分可兑换奖品； 复习推送：结合艾宾浩斯记忆曲线，每日推送5道相关类型题。”
Stitch很快就输出了UI设计图
你敢信？这个UI界面放在几年前，那是0基础的人十来分钟可以搞出来的么？！不得不说一句：Google 真·大善人！
第二步：一键生成前端代码Ctrl+A全选设计图，右上角Export导出，选择AI Studio，直接跳转到AI Studio页面，选择前端能力最强的Gemini 3 Pro帮我们按照这个设计图给出前端代码。
Gemini 3 Pro又是免费用，真香！
右侧页面实时预览UI界面，点击app的交互流程，如果有问题和不满意的地方，随时在左侧窗口和Gemini提修改意见，记得灵活使用左下方那个蓝色框选中的Annotate app工具：
它可以在预览界面下方弹出工具菜单，如果你不知道怎么描述你的修改需求，你可以在不满意的地方直接标注文字，箭头等让Gemini修改，做到真正的指哪儿改哪儿。
反复和Gemini多轮对话修改Bug后，检查app使用逻辑没什么问题了，可以右上角点击下载按钮，将前端代码下载到本地。
第三步：补全后端 + 云端部署前面生成的代码，在AI Studio中运行看似很完美，但是其实这是纯前端的代码，无法真正使用。
而我想要的是有独立后台，能够脱离Google环境单独运行的app，所以我们还需要实现后端代码，并且在云端部署方便我们使用。
接下来我们要请出重磅选手，GPT-5.2 Codex！
咦，你可能会说，这个要付费啊，不错，免费的东西反而是最贵的，如果稍稍付费就能够有最好的vibe coding体验，而不是在各种免费的IDE中反复折腾，最后耗尽初学者的热情和信心，这笔投资我觉得是值得的。
而且，国内最新的GLM5已经上线，编码能力出众，新模型上线都有试用窗口期，也不是没有低成本享受最优质的模型的方法啊，嘿嘿，这个秘密暂且保留，信息差的挖掘也是有成本的，有兴趣的可以后台私聊我。
定位到下载的前端代码文件夹，在OpenCode中输入提示词：
请分析此前端代码，并完成：1. 生成配套后端代码，实现前后端联通；2. 数据库采用Supabase。
Codex就开始火力全开给我干活了，反复多轮对话，Codex会贴心的提示我，让我注册supabase账户，建立API，然后把API提供给它。
如果你不会操作，直接问AI，让它生成一个有手就行的操作步骤，直到你完成最后的配置。
后端完成后，需将代码部署至GitHub，如果不会，同样的叫AI给你生成操作步骤：
-
注册GitHub账号 → 新建仓库 → 将SSH地址告知Codex； -
Codex自动推送代码，分分钟搞定。
最后一步：部署上线
-
注册Vercel → 创建新项目（Add New Project）
-
然后点击install，使其关联GitHub仓库
-
导入项目
-
按提示填写安装命令与环境变量（如Supabase的API Key/Value）
-
点击Deploy，等待片刻。 -
跳转Dashboard时，App成功上线！
iPhone或者ipad通过Safari访问项目地址即可使用，还可以通过Safari发送到桌面快捷方式的形式来达到接近原生ios app的使用体验。
一些感想
AI时代是对每个个体的重建，未来拼的是执行力和想象力。
开发的很多细节过程没办法详细描述，可能有一些没有太多vibe coding经验的朋友看到文章还是有很多的疑问，这个没有关系，直接上手的过程就是最好的学习AI的方法。
感兴趣的朋友可以完整的走一遍这个流程来复刻我的项目，其中涉及到的工具可能有一些门槛，但是如果这个基本的门槛都无法跨越，你就失去了和最先进的AI技术对话和学习的计划，这是很可惜的事情。
开发这个项目我花了我5天的空余时间。
但是你能想象么，在两三年前，没有编码经验的我，居然在今天，能够凭自己的想法，通过和AI对话的方式将我的想法落地并且实施，做出了一个真正属于我自己的app！
这种喜悦和成就感只有自己去做了才能体会到，虽然最后这个app娃不怎么喜欢，说使用app对他视力有损伤…… -_-||
感兴趣的朋友可以后台私信我试用这个app，如果想二次开发的，可以在Github搜索这个项目自己修改部署。
因为使用的免费的supabase数据库和vercel部署，可能会有所卡顿，但是app完全达到了我的开发目的。
简单介绍下功能：初步实现了注册登录，扫描错题，OCR题目并且和AI助手交互，打卡获取积分，积分兑换奖励（鼓励孩子自行设置奖励），错题复习，错题导出为pdf错题本方便打印纸质件使用。AI助手我内置了免费的api接口服务，自用完全没问题。
写在最后
AI时代，技术的门槛正在被迅速抹平，但是我觉得人和人的差距反而会被拉大，之后会用AI，用AI解决问题的能力才是我们需要着重培养的。
很多朋友使用AI的范畴仍然仅限于把它当做一个问答机器人，这是对AI的误解和轻视。
大厂可以做庞大而复杂的项目，但是我们小小的个体仍然有自己的市场，那就是追求小而美的自我。挖掘出巨头没有发力的小需求，就像之前花叔开发的小猫补光灯一样，一样可以登上Apple appstore付费榜首。
现在市面上有很多大厂开发的低代码工具可以帮我们实现我们的想法，可能在以后，“古法编程”真的会成为历史，编码能力会被逐步忽略，但是创意和灵感才是我们最后的护城河。
