功能都想好了，所以今天可以開始寫了吧？

昨天終於把《時間就是金錢》這次想升級的方向整理得差不多了。

原本的核心功能不變，只是在原有的基礎上，把一些以前沒有想完整的地方補起來。
功能想好了，那今天應該終於可以開始寫了吧？
結果真的準備開始的時候，我才發現 —— 我要怎麼跟 AI 說我要做什麼？

先把需求講清楚？

如果要把《時間就是金錢》介紹給 AI，我第一個想到的說法其實很簡單

我要做一個網站，叫做《時間就是金錢》。
它的核心功能有番茄鐘，每完成一次設定的專注任務，進度就增加 10%，累積到 100% 之後可以抽卡一次，作為遊戲化的設計。

好像有講，但又好像沒講完。
如果只看這段話，AI 應該會知道我要做：

番茄鐘 → +10% → 100% → 抽卡

可是它不知道的是 ——

我為什麼要這樣做？

所以除了功能之外，我還是希望先讓 AI 知道《時間就是金錢》最重要的核心：

希望透過比較輕鬆的遊戲化方式，降低時間管理帶來的壓力，同時避免遊戲化反過來讓使用者把更多注意力留在網站上。

再把這次確定要做的功能整理出來：

原本核心：番茄鐘 → 完成任務 +10% → 100% 抽卡 → 梗圖卡／生活挑戰卡

這次升級：未完成時間紀錄／生活挑戰紀錄／共同時間罐

這樣整理完之後，突然覺得…… 好像有點多。

等等，我要一次叫 AI 全部做完嗎？

既然現在功能都已經整理出來了，那是不是可以一次告訴 AI？
番茄鐘、進度、抽卡、梗圖卡、生活挑戰、照片紀錄、共同時間罐……全部丟進去。
然後跟它說：

「來，幫我做。」

聽起來好像很方便。
但我想了一下，如果它真的一次全部做完，然後網站哪裡怪怪的……
我大概連問題出在哪裡都不知道，自己也完全看不懂。
最後還是決定 —— 網站的完整理念可以先讓 AI 知道，但實際功能拆開來做。

目前先把整個網站粗略拆成幾個階段。

第一階段：先讓番茄鐘活起來

設定時間
↓
開始倒數
↓
暫停／繼續
↓
完成／提前結束

這裡也要把「暫停」和「提前結束」分開，前者可以繼續倒數，後者則會保留已經投入的時間，但不增加 10%。

第二階段：接上遊戲化機制

番茄鐘可以正常運作之後，再加入原本最重要的遊戲化流程。

完成番茄鐘
↓
進度 +10%
↓
累積到 100%
↓
取得一次抽卡機會

第三階段：把抽卡做出來

再來才是：

抽卡
↓
梗圖卡／生活挑戰卡

第四階段：把這次想到的升級補進去

等原本的核心功能都可以運作之後，再加入昨天整理好的新版功能。

未完成番茄鐘 → 保留實際專注時間

生活挑戰 → 實際完成 → 上傳照片 → 個人生活紀錄

第五階段：共同時間罐

最後再來處理目前還沒有完全想完的共同時間罐。

所有使用者共同累積的時間 ＋ 自己貢獻的時間

至於時間罐最後到底還會變成什麼……到時候再說。
先不要第一天就把自己搞死。

那我要在哪裡 Vibe？

功能拆完之後，還有一個很實際的問題。

我要用什麼東西寫？

前面第一次體驗 Vibe Coding 的時候，我用了 Bolt，直接在對話框裡描述需求，看著 AI 把網站生出來。
但這次真的要重新做《時間就是金錢》，我想換一個方式。
最後決定回到一個我以前就有接觸過的東西 —— VS Code。
目前準備的方式是

VS Code
↓
安裝 Cline 擴充套件
↓
直接在 Cline 的對話介面描述需求
↓
讓 Cline 協助讀取、建立或修改專案中的程式碼

這次 AI 不只是在一個網頁裡直接生出結果，而是可以在 VS Code 裡面跟著我的專案一起工作。
Cline 可以存取專案中的檔案，根據我的需求讀取相關內容，再協助建立或修改程式碼。
對一個目前看到一大堆程式碼還是會有點頭痛的人來說……感覺還可以。
功能拆好了，工具也決定了。
明天就從第一個階段開始 —— 先讓番茄鐘真的動起來。