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