下面整段丟到AI
幫我做一個「三合一日記」網頁,做成一個單獨的 HTML 檔,可以直接用瀏覽器打開。
三個分頁:未來日記、復盤日記、感恩日記。三個版面要長得不一樣,不要只是換標題的同一張表格。
──────────────────────────────
一、未來日記(最重要,也最容易做錯,先看清楚)
這不是「寫一封信給未來的自己」,也不是「每天讀很多次加強信念」。
做法是:
1. 閉上眼,感受半年後的某一天,你正在做什麼
2. 把那一天的樣子寫下來,用正在發生的語氣,不是「我希望」而是「我正在」
3. 選一個開封日期,至少三個月後,建議半年以上
4. 封起來
5. 忘記它
6. 到期那天再打開
「忘記」是這個方法的關鍵,它需要時間發酵,一直盯著反而會卡住。
介面要求:
- 只要一個寫作欄位,不要拆成三格問題。引導提示放在欄位下方:你在哪裡、
正在做什麼、身邊有誰說了什麼、身體是什麼感覺
- 一顆「先閉眼感受 30 秒」按鈕,點下去進全螢幕,每隔幾秒換一句引導語,
倒數結束回到寫作欄位
- 封存之後內容要看不見,只顯示「還有 N 天」和封存日期
- 可以偷看,但要記錄偷看次數。提示語不要罵人,講清楚為什麼建議別看就好
- 到期自動可開封,開封後能補寫「後來真的發生了什麼」
──────────────────────────────
二、復盤日記
五個欄位,由淺到深:
- 今天發生了什麼(只寫事實,不寫評價)
- 我的反應是什麼
- 我看到自己什麼慣性
- 哪個地方可以做得更好
- 我做對了什麼
再加一個「今天的能量」,五盞燈點選。
──────────────────────────────
三、感恩日記
三件事,每件分成兩欄:感謝什麼、為什麼。
最後一欄:對自己說一句謝謝。
下方一區「翻回去看」,從以前寫過的隨機抽三則顯示,可以換一批。
──────────────────────────────
四、寫的時候要有畫面
寫作欄位旁邊放一塊即時畫面,用 canvas 畫,隨著我打的字變化:
時間(早上/黃昏/夜晚)、天氣(晴/雨/雪)、地點(海邊/山上/房間/
講台/咖啡店)、有幾個人。
不用寫實,剪影加光感就好,重點是打字的時候畫面會跟著動。
──────────────────────────────
五、存檔規則(這段不要改)
- 用 localStorage 存,key 帶日期,可以翻回去看任何一天
- 不要雲端、不要資料庫、不要登入。日記只留在我自己的瀏覽器裡
- 要有「匯出備份」和「匯入備份」,格式用 JSON
- 在頁面上明白寫出:清除瀏覽器資料就會消失,記得定期備份
──────────────────────────────
六、其他
- 深色淺色模式都要能看
- 手機也要能用
- 語氣溫暖、真誠、直接。不要「宇宙會回應你」那種話,也不要說教
- 全部用繁體中文
做好之後給我一個可以直接打開的檔案。
三件事提醒
做出來可能不會跟我的一樣。 每個人的 Claude 會給不同的版面跟配色,畫面那塊尤其會差很多。核心的日記邏輯會對,長相隨緣。
做完要存檔。 把 HTML 存到自己電腦,不然換個對話就找不回來了。
畫面那段最吃模型。 免費版可能只給一張靜態底圖。真的想要會動的,得用 Claude 的付費方案。
當然你會觀想這個其實就可有可無