AI时代,一键定制你的专属APP
有了AI,谁还需要付费APP?
说一说这个AI定制识字小程序的故事
起因:
孩子读分级阅读绘本时,经常遇到个别生字或者容易混淆一些汉字(比如鸟和乌,大和太)。
想法:
需要一个个性化的,自定义添加生字的软件,方便孩子学习和复习。
效果:
有趣,适合孩子年龄。
有了想法,加上之前看了些vibe coding的文章,感觉精髓就是:干就完了!于是直接开干!
事实上,操作远比你想象的简单,但效果却是实打实的给力!
实现步骤:
1、选个不太蠢的AI;
2、大白话告诉他你需要干啥,你的要求;
3、AI帮你干活;
4、根据呈现效果进行优化。
识字小程序具体实现步骤:
1、我选了opencode;
2、告诉他我要做一个帮助孩子识字的软件,通过游戏的方式认字。只需要本地使用即可,不需要上线;
(具体的内容你自由发挥,比如你可以告诉他设置一个家长模块,方便自定义添加汉字。因为幼儿园要求学习小羊上山,所以我让AI内置了小羊的六级字库)
3、AI帮我干活,直接呈现结果;
AI会生成一个本地文件,可以浏览器直接查看效果。
A FEW MINUTES LATER~~~AI干完了,本地浏览器效果如下图;
点击进入游戏模式,效果如图:
点击进入家长模式,效果如图:
备注:这里家长模式,我参考了朋友们的建议及自己使用过程中遇见的问题,添加了调节字体大小和变换系统声音选项;
下图是自定义添加汉字部分;

4、我根据生成的本地文件,网页看效果,给AI反馈,完善效果;
这个部分,你根据AI生成的效果,一一反馈,让AI不断优化,实现你的想法。
(比如某个游戏,限制每轮的时间,或者调整速度等等,向AI提具体的要求)
5、上传仓库,防止数据丢失,而且之后可以根据这个云端版本不断优化更新小程序;
这个部分是非常重要的,你生成的html文件,上传到https://dash.cloudflare.com进行部署,(进入这个网站,注册,新建pages,将本地文件,就是这个html文件拖拽上传即可,一键点击部署,就会得到一个https://xxxxx.pages.dev/文件,直接复制这个文件就可以手机,平板使用了,为了方便使用可以将这个app添加到主屏幕,一个本地个性化定制app就搞定了!so easy!)
备注:当你不识趣的杀毒软件清理的你的本地文件,你也不要慌张,直接让AI再去cloud flare找你这个云端文件,就能一键恢复,所以这个步骤建议必做!后续你想优化app也可以一键@AI完成,SO EASY!
6、最后,大功告成,直接使用。
目前孩子反馈最爱的是找汉字,汉字配对和钓鱼游戏。



我最喜欢的部分是汉字书写,这个部分优化了很久,增加了动画演示功能(教你写汉字),和书写笔画数字提示功能(哪一笔先写,并且在写的时候依然有动画循环播放提示书写顺序),及任意选择书写颜色功能,在这些加持下,孩子可以趣味的完成涂鸦/书写。


最近,还添加的复习模块,根据艾宾浩斯曲线,让系统自动生成复习材料,进行练习。
夜雨聆风