概览
新手父母的小小陪伴
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.
新手父母不需要更多数据,他们只想少操一件心。Yun端育儿记是一款借助 AI 完成的微信小程序,把奶量、亲喂、睡眠、排便与辅食引入,变成一眼就能看懂的安静记录。
功能亮点
四个页面,一套顺畅流程
记录
One-tap timers for nursing and sleep, plus adjustable milk volume from 30 to 300 ml.
一键计时喂养与睡眠,奶量可在 30–300 ml 间调节。
今日
Daily totals at a glance, with editable records and a one-tap copy report.
今日总量一目了然,可编辑记录并一键复制日报。
过往
Collapsible day cards group past milk, sleep, and diaper data by date.
按日期折叠的历史卡片,汇总往日吃奶、睡眠与大便记录。
排敏
Tag vegetables, meats, and fruits as safe or allergic, with a custom-food list.
将蔬菜、肉类、水果标记为安全或过敏,并支持自定义食物。
界面展示
深色、安静,单手拇指友好
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
360ml
1次设计系统
从产品中提炼的设计令牌
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
不是先搭宏大架构,而是在迭代中完成
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 开发,数据保存在本地,不增加产品不需要的后端。代码保持轻,因为想法足够清楚:做出最小、却足以让一个艰难夜晚轻松一点的东西。
1次