gpt生成的图标以及宣传图 
 [ChatGPT Image 2026年5月25日 110100] 
小程序效果 
[001首页][002听][003测][004译文] 
[005读][006识][007自然拼读词典][008自然拼读详情] 
工具效果 
 [101工作台] 
[103单词] 
[103自然拼读] 
初心就是开发一个面对三年级小学生的听力小程序，之前开发过一个类似的，学习过程太复杂，没用起来。这次就想着针对听力考试设计一个极其简单的学习小程序，简单总结就是四个字“听测读识”。 
开发过程： 

先在 aistudio 使用 gemimi 3.1 生成html原型，效果 
[201首页][202听力][203测试][204读][205识]
然后就是用cursor生成小程序代码，迭代过程中确认具体数据格式
确认数据素材后，使用cursor开发素材生成工具。
最开始生成课文使用本...