前面已經完成用藥、喝水、提醒和每日關心，今天終於要開始加入 AI 小助手。
這次先不急著串接真正的 AI API，而是先把聊天介面和基本互動做出來。

一、先加入 AI 小助手介面

我請 Codex 先檢查目前的首頁架構，發現原本沒有現成的 AI 小助手區域，所以把它加在「每日關心」下面。

目前有：

• AI 小助手名稱「小安」
• 對話訊息區
• 輸入框
• 「送出」按鈕

二、讓小助手可以讀取紀錄

這次沒有另外建立新的健康資料，而是直接使用原本的 localStorage。
目前可以詢問：

• 「今天喝了多少水？」
• 「今天喝水進度如何？」
• 「今天有沒有設定用藥？」

例如輸入喝水相關問題，小助手就會讀取今天的杯數，再回覆目前的喝水進度。

三、今天使用 Codex 的 Prompt

今天要開始製作「AI 保健小助手」功能。

目前專案已經有每日用藥紀錄、服藥提醒、每日喝水紀錄、喝水提醒、每日關心與 localStorage 資料保存。

請先檢查目前專案的程式碼與首頁架構，加入 AI 小助手的聊天介面。

先不要串接 OpenAI API，也不要要求 API Key。

使用 JavaScript 的簡單判斷，讀取目前已經存在的健康紀錄，讓使用者可以詢問喝水與用藥相關問題。

不要重新建立另一套健康資料，也不要影響原本已經正常的功能。

四、實際測試

完成後我實際測試了幾個問題。

輸入喝水相關問題後，可以正常顯示今天的喝水杯數和進度。

增加一杯水後重新詢問，小助手也會讀取更新後的資料。

用藥資料修改後，再詢問用藥問題，也可以顯示最新的設定。

測試結果都正常。✅

五、今天的成果

• ✅ 完成 AI 小助手聊天介面
• ✅ 可以輸入問題並送出
• ✅ 可以讀取今日喝水紀錄
• ✅ 可以讀取用藥設定
• ✅ 可以反映最新的資料
• ✅ 沒有影響原本的功能
• ✅ 沒有另外建立重複的健康資料

目前小助手主要是整理紀錄，並不會進行疾病診斷或提供用藥建議。

六、今天最大的收穫

今天讓我比較了解，所謂的「AI 小助手」不一定要一開始就直接串接真正的 AI。

可以先把介面、資料讀取和基本互動做好，再慢慢增加真正的 AI 功能。

這樣也比較容易測試每一個部分到底有沒有正常運作。

Day 22｜讓 AI 小助手知道我今天感覺如何

希望讓新的關心介面比單純固定問句更有「AI 保健小幫手」的感覺。