Overview
A tiny companion for new parents
New parents do not need more data. They need one less thing to worry about. Baby Tracker Mini, a WeChat Mini Program built with AI, turns feeding, sleep, diapers, and food introductions into a calm record that makes sense at a glance.
新手父母不需要更多数据，他们只想少操一件心。《云端育儿记》是一款借助 AI 完成的微信小程序，把奶量、亲喂、睡眠、排便与辅食引入，变成一眼就能看懂的安静记录。
Features
Four screens, one flow
Record
One-tap timers for nursing and sleep, plus adjustable milk volume from 30 to 300 ml.
一键计时喂养与睡眠，奶量可在 30–300 ml 间调节。
Today
Daily totals at a glance, with editable records and a one-tap copy report.
今日总量一目了然，可编辑记录并一键复制日报。
Past
Collapsible day cards group past milk, sleep, and diaper data by date.
按日期折叠的历史卡片，汇总往日吃奶、睡眠与大便记录。
Allergy
Tag vegetables, meats, and fruits as safe or allergic, with a custom-food list.
将蔬菜、肉类、水果标记为安全或过敏，并支持自定义食物。
Interface
Dark, quiet, and thumb-friendly
Dark by default. Quiet on purpose. One purple accent, a floating capsule bar, and targets large enough for one tired thumb — the interface mirrors the Mini Program almost pixel for pixel, and looks the way midnight parenting feels: focused on what matters, empty of everything else. Tap the tabs below to switch screens.
默认深色，刻意安静。一个紫色强调色、一条悬浮胶囊导航，以及让疲惫拇指也能轻松点中的大触控区——界面几乎一比一还原小程序，看起来像深夜育儿本身：只留下真正重要的东西。点击下方标签切换界面。
交互演示 · Interactive demo
90ml 1次 2次 360ml 1次Design System
Tokens extracted from the source
Four colors, four jobs. Near-black for the night — so a mother can check it without the screen waking the room. Charcoal for structure. Purple for action. Red only when something needs attention. Nothing competes with the moment.
四种颜色，四种职责。近黑留给夜晚——妈妈看一眼屏幕，不会惊动房间。炭灰建立层次，紫色提示行动，红色只在真正需要注意时出现。没有任何东西与当下争夺注意力。
Deep surface that lets cards float.
深色底让卡片浮起来。
Slightly lifted containers for every section.
比背景稍亮的容器，用于每个模块。
One purple for primary actions and active states.
唯一的紫色，用于主要操作与激活状态。
Red reserved for deletion and allergy alerts.
红色仅用于删除与过敏提醒。
Vibe Coding
Built by iterating, not architecting
Taro 4. React 18. TypeScript. Built through a conversational AI loop, stored locally, with no backend the product did not need. The code stayed lean because the idea was clear: ship the smallest thing that could make a hard night easier.
Taro 4、React 18、TypeScript。通过对话式 AI 开发，数据保存在本地，不增加产品不需要的后端。代码保持轻，因为想法足够清楚：做出最小、却足以让一个艰难夜晚轻松一点的东西。