【生活娱乐赛道】宝贝日记——用AI帮你记录宝宝每一个"第一次"

0. 先和大家打个招呼吧 :waving_hand:

  • 你是谁:一名宝妈,也是一名有实际带娃经验的用户,深知记录宝宝成长这件事有多让人又爱又头疼
  • 你是怎么把 Demo 做出来的: 作为程序员,一开始我对这类工具其实是带着审视的心态去用的——毕竟自己写代码也不是问题,更在意的是效率能提升多少、生成的东西够不够"能用"。结果体验下来还挺意外的:我不需要自己去搭脚手架、写样式、调交互细节,而是把需求按模块拆解清楚直接描述给 TRAE,比如"记录页要有信息流卡片和发布弹窗"“日历要支持左右切换月份并展示当天详情”“推荐卡片要有换一换的交互”,它基本上都能一次给出结构清晰、能跑起来的实现,省下了大量手写 CSS 动画和状态管理的时间。真正让我觉得"这下省事了"的一步,是做发布流程那部分——图片上传预览、AI生成的加载态、成功后的庆祝动画加提示条,这种如果自己从零写,光是过渡动画和状态切换的细节就要花不少时间反复调,但描述清楚交互逻辑之后,它给出的实现已经八九不离十,我只需要在这基础上微调参数就行。也不是完全没有卡壳。一开始我习惯性地把需求写得比较技术化、比较笼统,比如直接说"加一个下拉刷新",生成的效果和我预期有偏差;后来调整思路,改成像描述产品需求一样,把交互动效、状态变化都讲清楚,反而配合得更顺畅。整体感觉更像是在和一个执行力很强的前端搭档协作,我负责想清楚逻辑和体验,它负责把这些又快又好地实现出来。

1. Demo 简介

  • 是什么:一款帮助新手父母记录宝宝成长的 App,支持上传照片、视频、语音,AI 自动排版成图文日记
  • 面向谁:0-6 岁宝宝的新手父母,尤其是想精细记录孩子成长但没时间手动整理的年轻家庭
  • 主要功能:
    1. AI 自动生成日记——上传素材后自动排版成带标题、正文的成长日记
    2. 日历时间轴——点开任意一天回顾当天记录,里程碑事件特殊高亮,支持月份切换
    3. 智能育儿推荐——结合宝宝年龄和当地天气,推荐穿衣、辅食、亲子游戏,可"换一换"
    4. 宝宝档案 / 家庭协作 / 年度成长回顾——多人共同记录,年底自动生成成长报告




2. Demo 创作思路

  • 灵感来源:作为宝妈,最有体会——宝宝的"第一次"转瞬即逝,总想留下完整记录,但现实中拍了很多照片视频却很少静下心整理,时间一长素材越攒越多、越没空动手
  • 想解决的问题:素材散落在相册、聊天记录各处,难以按时间线检索;手动做成长纪念册耗时耗力,很多父母有心无力
  • 为什么做这个方向:相比单纯的相册工具,"AI自动排版+日历回顾+育儿建议"能把记录这件事的门槛降到最低,同时兼顾工具的实用性和情感价值——它不只是记录软件,更像一份写给孩子的、会自己生长的礼物

3. Demo
mobile-interaction-demo.html.zip (16.6 KB)

4. TRAE 实践过程

.1699165594456537:9f69a5c59d38ddc7a1530f543271ce6c_6a5480759e9fe3cfddd9fbb0.6a54b3549e9fe3cfddd9fbb4.6a54b353d9696c6c71d22259:Trae CN.T(2026/7/13 17:43:48)


.1699165594456537:eba74fd2f86b5a346325f088e2f8923c_6a5480759e9fe3cfddd9fbb0.6a54b52e9e9fe3cfddd9fbdb.6a54b52ed9696c6c71d2225a:Trae CN.T(2026/7/13 17:51:42)

.1699165594456537:830e4859b5c0261a553c1a883b60d35e_6a5480759e9fe3cfddd9fbb0.6a54b5cf9e9fe3cfddd9fbe7.6a54b5ced9696c6c71d2225b:Trae CN.T(2026/7/13 17:54:23)

.1699165594456537:180045fafdc5790c1a602da26d349332_6a5480759e9fe3cfddd9fbb0.6a54b8a69e9fe3cfddd9fc23.6a54b8a5d9696c6c71d2225c:Trae CN.T(2026/7/13 18:06:30)

5. 对应的报名审核通过的帖子链接