妈妈的血压计又不见了？我用AI做了个「家庭医疗物品追踪器」
上周三晚上，我妈第4次翻遍客厅抽屉找电子血压计——结果它正安静躺在阳台绿植架后，蒙着灰。我爸的降压药盒在冰箱冷冻层躺了两周，过期三天才被发现。
这不是健忘，是家庭医疗管理没有数字锚点。
第二天中午，我打开Cursor，让Claude Code帮我生成一个轻量级微信小程序：不连数据库、不写后端、纯前端本地存储+扫码登记+智能提醒。3小时完成，当晚全家扫码录入27件物品（含胰岛素笔、雾化器、助听器电池……），第3天我妈发来截图：“刚收到‘阿司匹林剩余3粒’提醒，顺手补了单。”
今天，我把完整流程拆给你——不用懂JSON Schema，不用配云开发，连微信开发者工具都只开了一次。
✅ 你将亲手做出什么？
🛠️ 工具准备（5分钟）
claude-3.5-sonnet）> 💡 小贴士：不需要注册小程序账号！用「体验版」即可全家试用。上线只需10分钟，但先解决真实问题更重要。
🔧 Step 1：让Claude Code生成核心逻辑（2分钟）
在Cursor新建文件
pages/index/index.js，输入以下Prompt：你是一个资深微信小程序开发者。请为零基础用户生成一个「家庭医疗物品追踪器」的首页JS逻辑，要求：
使用wx.getStorageSync/wx.setStorageSync存储数据，结构为数组[{id, name, count, expireDate, location, photoUrl, note}]；
id用Date.now()生成；
提供addNewItem()函数：弹出相机扫码，扫码后跳转到表单页（pages/form/form）；
提供renderList()函数：按expireDate倒序渲染，近7天过期标红，数量≤2标黄；
不要任何网络请求或云开发；
注释每行作用，用中文。
Claude Code会返回完整可运行代码。复制粘贴进文件，保存。
🎨 Step 2：用AI秒建UI（3分钟）
新建
pages/index/index.wxml，对Cursor说：生成微信小程序wxml：一个简洁医疗风列表页，顶部有「家庭医疗箱」标题和+号图标；每项包含物品图标（用emoji：💊/🩺/⚡）、名称、数量 badge、过期日（如「⚠️ 6月12日过期」）、位置小字；点击跳转详情页；底部固定「扫码添加」按钮，用绿色医疗蓝(#2E8B57)。
再让AI生成对应 index.wxss：
生成配套wxss：卡片圆角8px，阴影浅灰，过期文字红色#d32f2f，数量badge背景#e3f2fd，文字#1976d2；+号按钮悬浮微动效。
📱 Step 3：扫码→表单页，一气呵成（5分钟）
新建
pages/form/form.js，Prompt：生成表单页JS：扫码成功后自动填入code字段；表单含：物品名称（默认值=扫码内容）、数量（数字输入框，默认1）、过期日（日期选择器，默认3个月后）、位置（文本输入框，默认「客厅药箱」）、语音备注按钮（调用wx.startRecord）、拍照按钮（wx.chooseImage）。提交后存入storage并返回首页。
同理生成form.wxml（带语音/拍照图标）和form.wxss（清爽表单布局）。
🚀 Step 4：真机扫码测试（关键！）
💡 进阶彩蛋（可选）
🌟 为什么这个能火？
> 我把源码打包好了：[woshird.com/hack/family-medical](https://woshird.com/hack/family-medical)（含全部Prompt+截图+避坑清单）
>
> 下一篇预告：《物业群刷屏的「楼道灯报修地图」怎么做？AI画热力图+微信通知双驱动》