乐于分享
好东西不私藏

我用AI工具,从零做出一款幼小衔接小程序!

我用AI工具,从零做出一款幼小衔接小程序!

Hello 大家好,我是巧儿。
这两天我做了一个幼小衔接学习小程序
比较特别的是,这个项目不是我一行一行手写出来的,而是几乎全程靠 AI 对话往前推。
一开始我想体验下Kimi K3。看看它的效果怎么样,所以就用了WorkBuddy。
后来体验送的积分没了,我又切到Codex,把后面的功能、UI、记录、发音、后台这些东西继续补完。
整个过程下来,我最大的感受不是AI写代码真快,而是开发方式变了。
我负责提需求、看效果、挑问题。AI负责读项目、改代码、补页面、修 bug。
这件事比单纯写几段代码有意思多了。

这个小程序是做什么的

这个项目面向4到7岁孩子,主要做幼小衔接学习。
我最开始想得很简单。把拼音、识字、数学、英语、古诗这些内容放进一个小程序里,让孩子点开就能学。
现在项目已经有了几个核心模块。
拼音学习里有声母、韵母、声调、拼读、整体认读,点音节可以直接发音。
识字模块里有不同阶段的字卡,可以看字、听发音,也能做学习记录。
数学和英语不再只是摆几个入口,而是按学习内容做成了独立页面。
古诗页面也单独做了样式,不再像默认列表那么干。
后台这边也做了可视化管理,不用一直手改JSON数据。
这些东西单独看都不夸张。真正有价值的是,它们组合起来以后,这个项目已经不像一个临时的Demo了

我先在WorkBuddy里试了Kimi K3

一开始我是在WorkBuddy里用Kimi K3从头做这个项目。
我给它的需求其实很宽泛,就是想做一个幼小衔接学习小程序,它给我的第一版功能比较简单。
后面我整理了一份完整的项目功能需求清单,里面要有拼音、识字、数学、英语、古诗这些内容,最好还要有后台,后面方便维护数据。
然后就比较像样了,小程序前端有了,后端服务有了,后台管理也有了,里面还自带了一批基础学习数据。
由于没有当时没有截图,前面几版的的样子已经找不到了。
虽然那个版本还谈不上精致,UI也没有后来这么顺眼,但它已经能跑起来。
这一步对我来说挺关键。
因为很多项目最难的地方不是后面怎么优化,而是第一个版本怎么立起来。
你要把目录结构、页面路由、接口、数据、后台这些东西先串起来。
只要中间有一块没接上,项目就会停在“想法挺好”的阶段。
Kimi K3先把这个架子搭出来了。
我打开以后能看到页面,能进不同学习模块,后台也不是空的,数据也能撑起最基础的展示。
那一刻我才真的觉得,这个东西可以继续往下做。
可惜后面WorkBuddy的积分的用完了,节奏断了一下。
项目已经跑起来了,我不想停。于是后面才切到了Codex。

Codex接手以后,项目开始进入细节阶段

Codex 给我的感觉不太一样,我把我和WorkBuddy的对话直接丢给了它,让它自己分析当前的开发阶段,然后帮我接着开发。
它没有一开始那种“第一次被惊到”的感觉,更像一个能坐下来慢慢干活的开发搭子。
后面我就开始提更多要求。页面太单调,想改 UI。分类不够细,想继续拆。后台用JSON配置太麻烦,想做成可视化。学习记录、发音、主题色,tts这些体验细节也慢慢加进去。
我让codex一上来帮我干的事情就是美化UI
美化完成后感觉还是有点丑,我就问它有没有好看的UI库,它推荐了我几个,最后我选择了ColorUi
从头到尾其实还有很多需要调整的地方,比如部分模块使用的tts生成语音。
实时生成速度比较慢,有点影响体验,后续准备把音频文件存储到服务器生成固定链接,这样以后播放就不会重新生成了。
这些问题看上去都是小事,但小程序真正难用,往往就难用在这些小事上。
整个过程下来很像真实开发。不是AI一次写完就结束,而是它给到我代码后,我去看效果,然后发现问题,再提出需求,再让Codex改。
这里我把小程序挂出来,大家可以体验一下,还有很多地方需要优化,欢迎大家指出。

这次我对AI开发的判断

这次做完以后,我对AI开发有一个挺明确的判断。
它最适合的人,不一定是完全不懂代码的人,也不一定是只想偷懒的人。
它更适合那种脑子里有需求、愿意反复验收、能说清楚哪里不对的人。
你只说帮我做个小程序,它很难一次做成你想要的样子。
但你能不断告诉它,哪里不好看,哪里不好用,哪里要跳转,哪里要记录,哪里要换成后台维护,它就能一直往前推。
最后它真的变成了一个能打开、能学习、能记录、能维护内容的小程序。这次我的项目就是这样做出来的。
对我来说,这就够了。
我现在越来越觉得,AI开发最重要的能力不是让人少敲几行代码。
而是它让一个普通的想法更容易变成现实。

你的每一个点赞、在看、分享,都是我坚持更新的动力,感谢!