我一直有个想法：给小朋友做一款他专属的 App。

这个念头最早萌芽于 Vibe Coding 特别火的那阵子。当时就觉得，如果能给孩子做一个只属于他的应用，不是应用商店里千篇一律的早教软件，而是老爸亲手为他定制的产品——这件事本身就很酷。

后来我也陆续折腾过不少：用 AI 给他生成绘本，编睡前故事，有些效果确实不错，他听得津津有味。但问题是，这些内容散落在各种工具和平台里，有的在聊天记录中，有的在某个临时网页上，想找的时候根本找不到。

我一直想，如果有一个 App 把这些东西整合在一起，体验和管理都会好很多。

再加上一个私心：我自己其实从来没有真正完整地做过一个产品。如果能借这个机会把它做出来，既是给孩子的礼物，也算给自己交一份作业。

想法有了，但一直没动手。

这次趁着春节寒假，终于把它做出来了。今天这篇文章，就完整地记录一下整个过程，包括我的选择、踩过的坑、以及一些真实的感悟。如果你也有类似的想法，希望能给你一些参考。

---

启动：寒假 + 一个现实问题

这件事拖了挺久。倒不是拖延症，主要是一直没找到合适的时间窗口。平时工作节奏快，下班后的碎片时间很难支撑一个需要持续投入的项目。

直到今年春节寒假，终于有了一段相对完整的空闲。

与此同时，一个很现实的问题也摆在面前：寒假漫长，小朋友在家难免接触手机和平板。如果不加引导，很容易沉迷到那些设计得让人欲罢不能的商业游戏里。

我想，与其让他玩别人精心设计的”上瘾机器”，不如自己给他做一个。内容我来把控，时长我来设定，学什么、玩什么，都可以根据他的实际情况来调整。

想到这里，就没什么好犹豫的了。

---

平台选择：为什么是 AI Studio + Gemini

工具和平台的选择上，我几乎没怎么纠结，直接选了 Google AI Studio。三个原因：

1. 模型能力。 Gemini 3.0 Pro 在前端开发方面的表现非常强，尤其是生成交互式网页应用这件事上，目前属于第一梯队。用它来做游戏，没什么好犹豫的。
2. 深度体验的机会。 之前知道 AI Studio，也零星用过几次，但一直没在真实项目中深度使用过。正好借这个机会，系统地摸一下它的产品设计和功能边界，看看实际开发体验到底怎么样。
3. 额度充裕。 Google 在这方面一贯大方，免费额度完全够我放开手脚去反复尝试。做探索性项目最怕束手束脚，充足的额度让我可以大胆试错，不用担心”用超了”。

---

开发过程：一场”边做边想”的迭代之旅

坦白说，整个开发过程并不是一开始就画好蓝图、列好需求清单、然后按部就班执行的。

它更像是一场不断迭代的探索。很多时候，下一步要做什么，是在上一步做完之后才想清楚的。

从零散实验到系统化开发

最初我还没进 AI Studio，而是在 Gemini 网页版里随手做了几个小游戏试水。切水果、变身游戏……一个个小 Demo 跑出来，效果都还不错，小朋友看到也很兴奋。

但很快我发现了一个根本性的问题：这些游戏都是一次性的。

每次生成一个网页，玩完就没了。没法保存，没法积累，更没法把多个游戏组织成一个完整的产品。就像沙滩上的城堡，潮水一来就消失了。

意识到这一点后，我开始把阵地正式转移到 AI Studio，用更系统的方式来推进。

从一个游戏到一个小平台

在 AI Studio 里，我采用迭代式的开发方式。一开始没想清楚最终形态，只是先把之前的一个游戏迁移进来，跑通流程。

然后自然而然地，迁第二个、第三个。

做着做着，一个新想法冒了出来：光让孩子玩游戏，好像还不够。

四岁半正是学习能力飞速发展的阶段，如果能在游戏中融入学习元素，寓教于乐，这个 App 的价值就完全不一样了。于是算术启蒙、汉字识别、注意力训练……各种学习类小游戏陆续被加了进来。

项目的定位，也从”给孩子做几个小游戏”，慢慢演变成了”给孩子打造一个集游戏和学习于一体的个人平台”。

---

六次关键迭代：每一次优化背后都是一个真实的痛点

真正有意思的，是开发过程中那些不断发现问题、解决问题的细节。

每一次优化的背后，都藏着一个具体的使用场景和一个真实的痛点。这里挑六个最有代表性的聊聊。

1. 能力测评：让游戏设计有据可依

游戏不能拍脑袋做，得知道孩子真正需要锻炼什么。

于是我在 ChatGPT 上，针对四岁半孩子应该具备和需要发展的各项能力做了一次系统测评——逻辑思维、空间感知、语言表达、精细动作、注意力，几个核心维度都覆盖到了。

测评结果清晰地反映出了一些薄弱环节。根据这些结果，我有针对性地调整了游戏内容。比如注意力得分偏低，就专门设计了几个需要高度集中注意力的小游戏；空间感知需要加强，就加入了拼图和方位判断的互动。

这一步让整个 App 不再只是”好玩”，而是有了教育层面的设计逻辑。

2. 主页设计：给越来越多的内容一个”家”

游戏越做越多，一个新问题浮出水面：没有统一的入口和导航，孩子不知道该从哪里开始，我自己管理起来也很混乱。

于是设计了一个主页，把所有游戏和功能模块分门别类地组织起来。有清晰的分类、直观的入口，让整个 App 看起来像一个真正的产品，而不是一堆零散页面的拼凑。

这一步看起来简单，但它标志着项目从”实验”走向了”产品”。

3. 语音引导：解决”不识字”这个最现实的问题

这个优化来自一次真实的测试。

我把 App 交给小朋友自己玩，结果发现他对着屏幕一脸茫然——他不识字，完全不知道该点哪个按钮，也不知道每个游戏是干什么的。

界面上那些我精心写的文字说明，对一个四岁半的孩子来说形同虚设。

这是一个非常典型的”开发者视角盲区”：我作为成年人，默认了用户能读懂界面上的文字，却忘了我的核心用户是一个还没上小学的孩子。

解决方案是加入语音引导。每个游戏入口都配上语音提示，用简单的语言告诉他这是什么游戏、怎么玩。小朋友听到声音后，立刻就知道该怎么操作了。

一个小改动，使用体验有了质的变化。这也提醒我：做产品，永远要站在用户的真实场景里去思考，而不是坐在电脑前想当然。

4. 体感互动：最折腾的模块，也是最值得的模块

这是整个开发过程中我投入精力最多、踩坑最多的部分。

做这个功能的初衷很简单：不希望孩子一直坐在那里盯着屏幕。如果能让他站起来、动起来，用身体参与游戏，对视力更友好，也能锻炼身体协调能力。

技术方案是通过摄像头捕捉和识别全身动作，把身体运动映射到游戏中。

想法很美好，实现过程可以用”一波三折”来形容。各种莫名其妙的 Bug 层出不穷——有时候识别不准，有时候延迟严重，有时候在某个特定动作下整个页面直接崩溃。

说实话，中间有好几次我都想放弃这个模块，觉得投入产出比太低了。

但每次想到孩子如果能在客厅里又蹦又跳地玩游戏的画面，又咬咬牙继续调。

最终还是坚持做了下来。看到小朋友真的站在摄像头前手舞足蹈、玩得不亦乐乎的时候，之前所有调试的痛苦瞬间就值了。

有些事情，过程很痛苦，但结果会给你一个很好的回报。坚持本身就是一种能力。

5. 功能整合：从游戏工具到成长伙伴

游戏模块基本稳定后，我开始想：这个 App 还能承载什么？

首先是之前做的**”听故事”模块**。那些用 AI 生成的绘本和睡前故事一直散落各处，正好迁移整合进来，让孩子在一个地方就能听到所有故事。

然后是习惯养成。四岁半是培养良好习惯的关键期——刷牙、洗手、收拾玩具、按时睡觉……如果能用游戏化的方式来引导和记录这些日常习惯，对孩子的成长会很有帮助。

至此，这个 App 从最初的”游戏合集”，进化成了一个覆盖游戏、学习、故事、习惯养成的综合性成长工具。

当然，它只服务一个用户：洋洋。

6. 部署上线：最后一公里，也是最容易被忽视的一公里

游戏做完了，功能也整合好了，接下来就是部署上线——让它真正能在手机浏览器里打开，而不是只能在我的开发环境里跑。

因为是纯前端项目，我最先想到的是 Vercel。部署过程确实很简单，几步操作就上线了，体验很丝滑。

但紧接着就遇到了一个在国内做开发绕不开的问题：Vercel 的域名需要翻墙才能访问。

这意味着，我在自己电脑上能正常打开，但把链接发给家人，或者小朋友想在平板上玩的时候，根本打不开。一个给孩子用的 App，连基本的可访问性都保证不了，那前面所有的工作都白费了。

后来的解决方案是买了一个自己的域名，做了域名解析，把流量指向 Vercel 的服务。这样一来，通过自定义域名就可以在国内正常访问了。

这个过程说起来一句话的事，但实际操作中涉及域名购买、DNS 配置、SSL 证书等一系列环节，对于之前没怎么接触过运维和部署的我来说，每一步都是现学现用。

这件事给我的感触是：端到端地完成一件事情，和只完成其中的核心部分，是完全不同的体验。很多时候我们觉得”做完了”，其实只是做完了自己熟悉的那个环节。真正把一个产品交付到用户手上，中间还有大量的”最后一公里”需要走。而这些看似琐碎的环节，只有自己一步一步趟过去，才知道里面有多少坑。

---

阶段性成果

目前，这个 App 的第一版已经基本完成，并且成功部署上线，小朋友可以随时在平板上打开来玩。

他的接受度超出了我的预期。体感互动的部分他最喜欢，每次都玩得满头大汗；学习模块也愿意主动去点，虽然偶尔会嘟囔”太难了”，但总体不排斥；听故事更是每天睡前的固定环节。

对我来说，这也是第一次完整经历一个产品从想法到落地、再到部署上线的全过程——需求分析、技术选型、设计开发、用户测试、迭代优化、部署运维……规模虽小，五脏俱全。

---

下一步：接入后端，让数据”活”起来

当前系统是纯前端的，这意味着一个关键问题：所有数据都无法持久化保存。

游戏打到哪一关了、算术题做对了多少道、习惯打卡记录了几天——只要一刷新页面，一切归零。

这显然不是一个合格产品该有的样子。

下一步的重点就是接入后端。方案上，我不打算专门买服务器来搭数据库——对这样一个个人项目来说太重了。计划用 Supabase 这类后端即服务（BaaS）的方案，轻量、免费额度够用、上手快。

从学习角度来说，后端接入本身是 Web 开发三件套中不可或缺的一环。我也想借这个真实项目，系统学习一下数据库设计、接口调用、鉴权管理这些知识，以及那些只有在实际项目中才会遇到的坑。

经历了部署那一关之后，我对”最后一公里”的复杂度已经有了心理准备。后端接入大概率也会遇到各种意想不到的问题，但这恰恰是学习最高效的方式——用真实项目驱动，遇到问题解决问题，比看十篇教程都管用。

---

三点感悟

回顾这段经历，有几个感触挺深的，分享出来，也许对你也有些启发。

第一，动手做，永远比想象中简单。

这个想法在我脑子里躺了很久，总觉得工程量大、技术门槛高、时间不够用。但真正开始做的时候发现，一步一步拆解下来，每一步都没有那么难。

把想法变成现实带来的成就感，远比停留在脑海中的构思要大得多。

这个道理我在过往的经历中被验证过很多次，但每次重新体验一遍，感受都会更深一层。如果你现在也有一个一直想做但迟迟没动手的事情，我的建议是：别想太多，先开始。开始之后你会发现，路是走出来的，不是想出来的。

第二，AI 时代，”一个人就是一支队伍”正在变成现实。

这次做下来，从游戏设计、前端开发、能力测评、语音功能、体感交互，到最后的部署上线，全程就我一个人，外加 AI 作为搭档。

放在几年前，这样一个项目至少需要一个小团队：产品经理、前端工程师、UI 设计师、运维……而现在，一个人加上 AI，真的可以端到端地把一个产品做出来。

这不是说 AI 万能，过程中依然有大量需要人来判断、决策和坚持的部分。但 AI 极大地降低了执行层面的门槛，让个人的创造力有了更大的施展空间。

这个认知，值得每个人认真对待。

第三，在孩子的教育上，AI 时代打开了太多可能性。

这次只是一个小小的尝试，但已经让我看到了很多值得深入探索的方向：个性化的学习内容、自适应的难度调节、基于孩子真实表现的能力评估……这些以前需要专业教育团队才能做的事情，现在一个有心的家长借助 AI 就可以开始尝试。

当然，技术只是工具，教育的核心永远是对孩子的理解和陪伴。但如果工具能让陪伴变得更高效、更有趣，何乐而不为呢？

这条路，我会继续走下去。

给孩子最好的礼物，也许不是买来的玩具，而是爸爸愿意为他花时间、动手搭建的那个小世界。而在这个过程中，成长的不只是孩子，还有我自己。