🐶 前言：一个被逼疯的铲屎官
先自爆一下家门：纯后端，写 Java 的。平时写页面顶多也就是 ElementUI 复制粘贴，碰到 CSS 上下居中都要去百度一下 flex 怎么写的水平。
做这个小程序的起因特别简单：家里养了 3 只猫，而我记性真的不行。
上次带老二去打疫苗，医生问："上次驱虫具体的日期是哪天？" 我翻遍了微信聊天记录，愣是没想起来。那种尴尬和对猫咪的愧疚感，让我当下就决定：我必须得有个专门记这个东西的工具。
找了一圈市面上的 App，要么广告满天飞，要么功能太复杂。作为程序员，DNA 动了：不如自己写一个？
要在以前，我会被 CSS 和 JS 劝退，但今年不一样了。我决定带上 Antigravity + Gemini 3 Pro，挑战一下自己在几个周末内搞定它。
🛠️ 那些 AI 帮我填的坑
这次开发，AI 就像我的"前端合伙人"，帮我搞定了很多我以前想都不敢想的交互。
1. "拖延症"也能用的【提醒功能】
我跟 Antigravity 说："我要一个提醒功能。" 如果是我自己写，可能就是个简单的列表。但 AI 帮我完善了三个灵魂细节：
- 🚨 紧急横幅：如果今天有疫苗过期，首页顶部会有一个显眼的黄色横幅。AI 甚至帮我写了横幅的呼吸动画，逼着我去处理。
- 🤏 延期按钮：这是最懂人性的。AI 帮我生成了一个
Picker组件，允许我把提醒"推迟1小时"或"推迟1天"。承认吧，我们都需要这个按钮。 - 📅 日历视图：哪天有事，日历上打个点，一目了然。
2. 也是能看的【列表交互】
作为一个后端，我最怕写手势交互。 我要实现一个时间轴列表 + 左滑删除的效果。 我直接跟 Antigravity 说：
"写一个 WXS 脚本，处理列表项的 touchmove 事件，实现类似微信消息列表的左滑露出删除按钮的效果。" 结果它生成的代码丝般顺滑，防抖、回弹都处理好了。现在的列表页，左边是漂亮的时间轴图标（💉代表疫苗，💊代表吃药），右边还能左滑编辑，这真的是我能写出来的吗？
3. "多宠自由"的【裂变逻辑】
家里 3 只猫，必须分开记。 我设计了个逻辑：默认为 3 个宠物位，邀请好友解锁更多。 这个逻辑涉及后端 API 和前端分享好友的配合。AI 不仅帮我写了 Java 的后端逻辑，还帮我搞定了前端那个"邀请卡片"的 CSS，看起来特别想让人点一下。
4. 放弃折线图的【健康日历】
一开始我非要在统计页搞个炫酷的体重折线图。 AI 提示我：对于"打疫苗"这种低频事件，日历比图表更直观。 于是它帮我写了个 健康日历 组件： 哪天打了针、哪天喂了药，日历上会有不同颜色的小标记。 不用看复杂的图表，扫一眼日历就知道这个月毛孩子过得怎么样。
5. 极简的【健康记录】
最后回归核心：疫苗、驱虫、就诊。 没有花里胡哨的社区，没有商城。 打开就是记一笔：打的什么针、花了多少钱、医生嘱咐了什么。 拍照上传、自动保存。主打一个快进快出，用完即走。
👨💻 程序员的碎碎念
这个小程序上线后，我老婆是第一个用户。 她给我的反馈是："这个‘延期’按钮做得太懂我了..."
如果你也是像我一样的后端，一直想做独立产品但苦于不会画图、不会写样式。真的，现在去下载一个 AI IDE，你的短板可能已经被补齐了 80%。
只要逻辑清晰，剩下的"脏活累活"，交给 AI 就好。
(感兴趣的朋友可以扫码或搜一下 「爱宠迹-养宠记录助手」 体验一下，看看这既然是 AI 写出来的完成度。Logo 是个粉色爪子 🐾)
