跳转到主要内容
生活娱乐

父母用药管家 · 服药 / 开药双提醒

把真实困境连同界面要求一起写进提示词,模型产出一个能长期用的用药管家网页。

免责声明:本页展示内容均为 AI 模型生成,仅供参考,不构成任何效果承诺;实际产出效果与 Credits 消耗以平台用量统计为准。
给父母管药最难的不是「按时吃」,而是每种药能开多久各不相同——有的医保单次只开两周、有的三周,子女得记住每种药哪天见底、赶在断药前跑医院。把真实困境连同想要的界面样子一起写进提示词,模型直接产出一个能长期用的单文件网页程序:打卡自动扣库存、算准断药日、把相近的开药日合并成一趟医院,再导出 .ics 到手机日历到点就响。 调用链:qwen3.8-max → 单文件 HTML 应用(药品管理 + 服药打卡 + 余量预警 + 行程合并 + .ics 导出)。关键分工:日期与库存全部由确定性 JS 计算,模型只负责把程序写出来,不让大模型直接算医疗相关日期。

实测产出

以三种慢性病药跑通,输出的单文件应用双视图(均可点击试用):

长辈视图(默认):大字号、按时段、点「服下了」打卡

长辈视图

家属视图:断药日 / 建议开药日 / 合并行程

家属视图

可点击试用:父母用药管家

步骤:功能需求 + 想要的界面样子一起给

把功能需求发给 qwen3.8-max
帮我做一个「父母用药管家」网页应用,单个 HTML 文件,双击就能用,给我自己和我爸用。

背景:我爸同时吃好几种慢性病药,经常忘吃;更麻烦的是每种药医保单次能开的量不一样(有的两周、有的三周),我得记住每种药什么时候快没了、赶在断药前去医院开,经常算不清楚要么断药要么白跑。

## 功能要求
1. 药品管理:药名、每次剂量、每日次数、服用时段(早/中/晚/睡前)、餐前餐后、剩余片数、医保单次最多可开片数;localStorage 存本地。
2. 自动计算(必须用精确 JS 计算,不要估算):可吃天数 = 剩余片数 ÷(每次剂量 × 每日次数)向下取整;预计断药日 = 今天 + 可吃天数;建议开药日 = 断药日往前推 3 天。
3. 合并行程:建议开药日相差 3 天以内合并为一条、取最早日期,例如「8月25日 建议一次去医院开:氨氯地平、二甲双胍」。
4. 每日打卡:按时段分组,勾选后自动扣减剩余片数,同一天不重复扣减。
5. 双视图:「长辈视图」只显示今天吃什么、字号大;「家属视图」显示剩余天数、断药日、开药行程。
6. 导出日历:分成两份 .ics——「给长辈的服药提醒」只含每日重复的服药事件,「我的开药提醒」只含开药行程;符合 RFC5545,时区 Asia/Shanghai,中文不乱码。开药事件的 UID 不要包含日期,这样开药日变化后重新导入时日历会更新同一条提醒,而不是新增一条。

## 其它
- 纯前端单文件、不引用任何外部资源、手机上也好用、数据只存本地不上传
- 页面上要写明:本工具仅做时间提醒,不提供任何用药建议,以医生处方和说明书为准
## 设计规范(请严格遵守,和功能同等重要)
配色只用这套变量,不要引入其它颜色:
--bg:#f7f7f5(纯色,不要任何纹理/网格/点阵/渐变) --card:#ffffff
--ink:#1c1917 --sub:#6f6a63 --line:#e8e5e0
--accent:#1a56db(唯一强调色) --orange:#c2410c(仅用于预警)
- 字体只用一套 system-ui 无衬线,全站禁止衬线字体、禁止斜体
- 配色语义必须正确:剩余天数少 = 橙色预警;天数充足 = 中性灰,不要用绿色表示紧急
- 整页只有一个主按钮(实心蓝底),其余用白底细边框;视图切换做成分段控件而不是两个大按钮
- 顶部不要堆叠多条横幅:安全声明与隐私说明合并为一行小字放到底部
- 服用时段标签统一用同一种淡灰底,不要每个时段一个颜色
- 留白充足,信息「标签在上、数值在下」竖排,不要挤成密集表格
- 数字用大字号 + font-variant-numeric: tabular-nums,单位小字弱化
- 整体气质参考 Linear / Notion:干净、留白、单一强调色、零装饰
生成完整程序属长输出任务,思考与输出占消耗主体,明显高于普通问答;后续改细节时把现有代码带进上下文做定点修正,比整篇重写省不少,也不会把调好的部分改坏。 用起来是什么节奏:一次性——让模型生成程序、录入药品清单、首次把两份日历导进手机;每天——长辈打开点「服下了」,剩余片数自动扣减;每次去医院开完药后——更新一下剩余片数,重新导一次「我的开药提醒」(因为开药日会跟着重算;日历会更新同一条提醒,不会堆出重复的过期提醒)。
【预置三种药,程序算出的结果】

  药品              剩余   每日用量    还能吃   预计断药日   建议开药日
  阿托伐他汀钙片     10 片  1 片 × 1 次   10 天    8月17日      8月14日
  苯磺酸氨氯地平片   21 片  1 片 × 1 次   21 天    8月28日      8月25日
  二甲双胍缓释片     45 片  1 片 × 2 次   22 天    8月29日      8月26日

  (45 ÷ 2 = 22.5,向下取整 22 天;以上日期经独立验算逐项吻合)

【自动合并成 2 趟医院,而不是跑 3 次】

  8月14日   去开:阿托伐他汀钙片(医保单次最多 28 片)
  8月25日   一次开齐:苯磺酸氨氯地平片、二甲双胍缓释片
            8/25 与 8/26 只差 1 天 → 合并成一趟,并取较早那天,两种药都不会断

【打卡会带动整条链重算】

  点一次「睡前 · 服下了」→ 剩余 10 片变 9 片 → 还能吃 9 天
  → 断药日提前到 8月16日 → 建议开药日提前到 8月13日
  → 医院行程和导出的日历同步跟着变,不是一张静态表

【导出两份日历,各导各的手机】

  服药提醒-给长辈.ics    4 条每日重复提醒,服药前 5 分钟响
  开药提醒-给家属.ics    2 条开药行程,开药日前一天上午 9 点响

  拆成两份是为了:长辈不会收到不该他管的「去医院开药」,
  你也不会每天被 4 次服药提醒打扰。

说明

  • 消耗:本玩法涉及文本生成 + 深度思考(qwen3.8-max),产出 37 KB 完整应用。生成完整程序是长输出任务,思考与输出占消耗主体,明显高于普通问答;后续改细节时把现有代码带进上下文做定点修正,比整篇重写省不少,也不会把调好的部分改坏。
  • 医疗边界:本玩法只做服药与开药的时间提醒,不提供任何用药建议;药名、剂量、服法一律以医生处方与药品说明书为准,录入结果需家属人工复核。数据只保存在浏览器本地,不上传任何服务器。
  • 确定性计算:断药日算错会导致真断药,所以提示词里明确要求「用精确 JS 计算」,让模型产出确定性代码而非直接给答案——上面所有日期都由生成的程序计算,经独立验算逐项吻合。
  • 日历怎么导进手机:把 .ics 用邮件发到手机后点开即可添加(iPhone 系统原生支持;安卓建议用邮箱 App 打开附件——直接在微信里点常常打不开)。
  • 界面好不好看取决于你有没有说:第一版只给了功能需求,产出的界面深绿标题栏配点阵背景、七八种颜色混用;把配色、字体、层级、留白规则写进提示词后重新生成,同样的功能就拿到了上图的样子。