从Vibe Coding到AI Agent：一个喂养系统的完整实践

今年对我来说是个非常意义重大的一年：我娃出生了。在新生的喜悦中，也不免有很多焦虑——总担心不能科学地喂养宝宝、有什么纰漏。在月子中心时，月嫂会比较规律的喂养信息记录——什么时间喝奶、睡了多久，几次大小便，有没有吃AD等，都会记录下来，可以追踪喂养状态。

但她们是通过纸笔记录，不够数字化。

当回家之后，需要自己带娃了，我觉得记录下来宝宝的抚养状态依然是有必要的：一是可以追踪每日具体的喂养状况，方便备忘，二是我希望能够基于日常的喂养数据，分析出宝宝的状态，给出针对性的建议，避免过度喂养或喂养不足，也能追踪宝宝的生长趋势。

想法有了，说干就干。

得益于近一年AI的发展，AI Coding已经跨过了可用性门槛，已经能够实际参与到真实项目的开发之中了。所以，我计划用AI帮我实现一个能够记录宝宝喂养和成长状态的系统——最好完全不用我自己写代码。

另外，随着AI Agent的发展，也让我思考如何把AI介入到宝宝的日常喂养中，作为专属的AI喂养助理，文章中会介绍我的实践。

需求分析

虽然喂养系统这个需求可能小众且非常私人化，但是我依然希望把它当作一个完整的小产品来设计。

我希望这个系统不仅仅能记录喂养状态，而是一个全面的婴儿成长记录：

基础喂养系统（母乳亲喂、瓶喂、奶粉、辅食、尿布、睡眠记录）
营养补剂（AD、维生素D等）
健康（用药、体温、疫苗）
成长（身高、体重、长牙顺序等）
备忘系统

除了这些基础记录之外，我还希望能够基于这些记录数据，搞一个数据看板，可以跨天追踪近期的整体状态。

按时间轴展示喂养数据
高频数据进行统计展示（如喂养量、大小便、睡眠时长、补剂服用情况等）
身高、体重曲线（以及与WHO的参考值对比）
未完成的疫苗记录
喂养、作息是否规律
…..

总的来说，我希望能够基于原始的喂养信息，分析所有可知的数据。

几个关键的技术点的选择：

基于Next.js + Tailwind CSS
响应式设计，优化移动端体验
纯Web实现，需支持PWA
采用Sqlite单文件存储
支持多租户，数据的隔离和安全性需要保证
完整的HTTP API、支持Webhook
方便Docker部署

从功能支持，到基础技术点，以及部署的方便性都提出了要求。而不是只是一个笼统的概念，比较清晰的设计也能够方便让AI来实现，这也是AI最擅长的领域——把明确的事情做好。

实现 / 体验迭代

虽然AI已经可以写代码了，但是对于一个完善产品的理解和设计能力还是有很大差距，它可以针对单点问题给出合理的实现，但不能很好地基于产品的整体架构考虑，以及模块之前的关联，有时候改完一个问题，又冒出来几个新的问题。

所以就算有了AI加持，如果从零开始设计一个系统，需要人脑中先有一个整体框架，基于这个框架优先设计数据结构和数据库，然后让AI填充逻辑和细节。
数据结构和数据库设计非常重要，一定要慎重。字段语义需要明确，且要考虑扩展性，不然一旦新增、修改功能，对已有数据的迁移和兼容会存在挑战。

当然，这部分内容也可以跟AI不断讨论后进行迭代，有了AI确实可以解放生产力，来实现那些之前不擅长、人力投入产出比没有那么多的事情。

当具有一个整体的需求和关键技术点的选择后，使用AI来实现初版功能是非常快的，半天就可以迭代出一个能跑的服务。

注：我使用 ClaudeCode +Opus 4.6实现了初始的版本，后续用DeepSeek + GPT5.6做过多轮优化。

AI能把功能实现，或许没什么太大问题，但AI不知道怎么样的交互才是最方便与合理的——尤其是对于一个需要高频操作的功能来说，麻烦的操作会磨灭记录的耐心——还不如手写记录一下，这也是我老婆最初的真实吐槽。

所以，VibeCoding或许可以极高提升编码效率，但对产品的细微体验的提升或许当前阶段还是需要人来做，毕竟有人味的产品，一定会超越冷冰冰的功能堆砌。

产品的设计与功能的实现，一定不能脱离真实的用户反馈，毕竟每天真实使用产品的人，才是最了解一个功能应该是什么样的人。

从最初实现的版本，到今天已有半年，期间经过了我多轮优化，更新了20多个版本。目前是我体验起来整体比较满意的了，这个小产品，也正随着我娃一起成长。

我将迭代的范围总结为下面几点：

功能设计随着宝宝的增长可能逐渐不符合预期
不同时段的宝宝，需要记录的侧重点不同（新生早期可能侧重奶粉，后面可能母乳、混合辅食）
随着一天天长大，又有新的项目需要记录（如辅食、长牙）
数据需要新的流转方式——如接入到AI Agent

可能一个产品完全做完了，就是产品生命力结束的那天，用户体验的提升可能是永无止境的。

使用 / 部署

我将项目开源到了github上，详见：hxhb/baby-feed。

可以自己用Docker部署，我将最新的版本也发布到了DockerHub上，使用下面的配置即可部署：

services:
  baby-feed:
    image: ahzknarf/baby-feed:latest
    container_name: baby-feed
    restart: always
    ports:
      - "3010:3000"
    environment:
      - NODE_ENV=production
      - DATABASE_URL=file:/app/data/baby-feed.db
      - NEXTAUTH_SECRET=${NEXTAUTH_SECRET}
      - NEXTAUTH_URL=${NEXTAUTH_URL}
      - TRUST_PROXY=${TRUST_PROXY:-true}
    volumes:
      - ./data:/app/data
    healthcheck:
      test: ["CMD", "node", "-e", "fetch('http://localhost:3000/').then(r=>{process.exit(r.ok?0:1)}).catch(()=>process.exit(1))"]
      interval: 30s
      timeout: 10s
      retries: 3
      start_period: 40s