Claude Code能撐得住嗎？UI設計師開發「專屬個人App」的紀錄，總合健康App總是用不下去

大家好！我是 Liberogic Inc. 的 UI 設計師，大家都叫我「哈西」。

突然問一下，各位有沒有這種不為人知的煩惱？「好，從今天開始！」滿懷幹勁地安裝了的習慣養成App，怎麼樣都用不下去，就是這樣的煩惱。

開始做事我很在行，但從來沒有堅持下去過。

世上有許多優秀又美觀的App。

剛開始每天都認真做紀錄。但工作忙碌、或是有聚餐，某天「連續紀錄」一斷掉，幹勁就一下子歸零……。

一開始那麼在意的提醒通知，不知不覺也變成了單純的噪音，App們在手機畫面的角落慢慢化石化。

那一瞬間湧上來的「啊，算了」的挫敗感。我想一定不只我一個人有過這種經驗吧。

難道就沒有人願意伸出援手，拯救這種凡事都三分鐘熱度的人生嗎？（沒有嗎）

而讓我更加困擾的，是「應用程式分散」的問題。

習慣追蹤、藥物行事曆、家計簿……每個項目都得在不同的應用程式之間來回切換，這更讓人覺得麻煩。加上付費訂閱的服務也多得不得了，管理變得很草率，甚至忘了取消。這樣一來，就完全本末倒置了。

於是，身為設計師的任性念頭就此爆發。「那乾脆自己做一個只放自己需要功能的應用程式，專門給自己用不就好了？」

就這樣開始了與 AI（Claude Code）的齊心協力，打造專為我的生活量身訂做的「我的專屬習慣養成駕駛艙」！

總之，最佳解答應該AI會告訴我吧。

1. 【功能介紹】將「偷懶」系統化，溫柔包覆自己的懶散個性，這是我特別講究的功能

接下來，就讓我來介紹實際實作了哪些功能。

我的目標是取各家既有應用程式的優點，打造專屬於我的生活、極致的「儀表板」。

為了把需要的應用程式整合成一個，我先從製作習慣養成應用程式開始。

另外，因為想依早晚不同來切換使用，所以同時準備了淺色模式與深色模式。

🌱 初始畫面

初始畫面會顯示輸入想持續養成習慣的表單，您可以自行填寫來完成設定。

向下捲動後，可以看到「回答問題，建立習慣」的連結。點擊後，只要回答問答題目，系統就會根據您的情況建議適合的習慣。

初始畫面導入了習慣養成診斷

此外，為了讓不知道想養成什麼習慣的使用者也能輕鬆開始，初始畫面還設計了習慣導覽功能。只要回答幾個問題，就能選出適合自己的習慣。

🌱 習慣追蹤器：告別非黑即白的思維

要養成習慣，最好從小小的步驟開始，選擇能夠一步一步持續下去的事情。基於這個想法，我們開發了這款習慣養成應用程式。

我們開發了一款具備「5 級評分」功能的習慣養成應用程式。以往使用的應用程式往往只有「做到了」或「沒做到」兩種選擇。但在這款應用程式中，不僅「完美完成的日子」會在日曆上標示顏色，「稍微努力了一點」的 Lv1 日子也會標示顏色。

以運動為例，從「Lv1：站上體重計」、「Lv2：上廁所時做深蹲」，到「Lv5：游泳 1 公里・拳擊 40 分鐘」，都可以依照當天的努力程度來記錄。

偷懶的日子會留空白，但搭配稍後說明的「偷懶稅」系統，即使當天沒有持續，只要在其他日子補回來，就能順利應對，所以即使偶爾偷懶，也不會感到有壓力。

隔天再重新開始就好。正因為這份輕鬆感，每天至少都能先站上體重計！

行事曆會以綠色漸層逐漸上色，讓你能直觀地享受「累積色彩」的過程。以一個月為單位回顧時，也能一目了然地看到自己累積了多少，更能提升動力。

以行事曆功能將進度視覺化

在行事曆介面中，每當你實際達成習慣，該日就會變色。依照達成程度，顏色的深淺與色調也會有所不同，讓你清楚看見自己實踐習慣的累積狀況，有助於維持動力。

另外提供習慣封存功能與新增習慣功能

此外，我們認為習慣養成到一定程度後，接著挑戰其他習慣也是不錯的選擇，因此也提供了習慣封存與新增習慣功能！點擊「習慣養成達成」按鈕，即可新增一個新的習慣。

🏛️ 偷懶稅：把罪惡感轉為存款

這是與前面的習慣追蹤器相連的另一項功能！

偷懶的那一天，系統會對你課徵「稅金（預設 300 日圓）」。

人難免會有無法持續下去的時候，對吧。

因此雖然需要用懲罰來約束自己，但單純的罰款會讓人覺得厭煩。

你知道為什麼會變胖嗎？就是因為選擇了輕鬆、怠惰的方式，靠吃東西來獲得多巴胺，依賴簡易的幸福荷爾蒙所造成的結果。所以即使把懲罰加重，對於不擅長養成習慣的我們來說也沒有意義。

我也想過「最好是把偷懶的部分捐款之類的」，但如果對自己管得那麼嚴，我絕對有信心會再也不打開這個應用程式（笑）。

偷懶稅的付款對象，我設定為「存入自己的指數投資帳戶」。

也就是說，雖然是罰款，但又不是罰款。是為了自己而存在的罰款。

就連偷懶時的罪惡感，也轉化為對未來自己的資產運用。

再者，我特別講究的是依據當月達成率而定的「減稅制度」。

• 「達成率90%以上可免稅50%」
• 「80%以上可免稅25%」

的機制。

畫面上會顯示「再 1% 就能減免 25%！」，看到這句話，就會莫名其妙地湧現一股幹勁：「今天就算只到 Lv2 也好，加油吧！」

養成習慣最大的敵人，就是「偷懶一天、連續紀錄中斷的那一刻，就想全部放棄」。

不過，多虧有這項減稅制度，就能讓人停下放棄的念頭：「雖然偷懶了一天，但還有減稅的機會！」

這是一套貼心的設計，不會因為一次失敗就讓人放棄，而是徹底體貼像我這樣懶散的人。

✨ 護膚追蹤器 ＆ 💊 藥物管理：讓應用程式不再來回切換

✨ 我一直想要一款護膚檢查工具

習慣、藥物、家計簿……對於懶散的人來說，把這些分散在不同應用程式中管理，實在麻煩到了極點。為了消除這種「來回切換應用程式」的情況，我把每天的護理與健康管理全部整合到這個駕駛艙中。

功能方面，可以直接沿用習慣養成應用程式的功能，所以實作起來很簡單。

🧴 包容無法努力的日子的「護膚追蹤器」

護膚也是一項了不起的習慣。打開畫面後，會問你「做到哪一步了？」，我設計了五個階段的步驟。

累得筋疲力盡回家的日子，只要做「Lv1：只洗臉（用水洗或洗面乳洗臉）」就可以了。若還有些餘力，可以選「Lv2：基本保養（洗臉＋化妝水）」、「Lv3：標準保養（再加上乳液）」，特別的日子則可以加上精華液，記錄為「Lv4：仔細保養」……依照當天自己的身體狀態來記錄。

此外，各個等級的名稱與保養內容（說明文字）也可以從「步驟設定」自由自訂。畫面上方還會顯示「本月平均 Lv」與「連續 Lv3 以上天數」等資訊，讓你能在不勉強的範圍內保持動力，例如「最近太累，都只做到 Lv1，今天就努力做到 Lv3 吧」。

💊 全力協助懶人的「藥物管理」

而且，我個人最容易半途而廢的，就是藥物管理。

這個應用程式不只是輸入藥名，還能非常細緻且彈性地登錄，包括「早上、中午、晚上」的服用時間、「飯前、飯後、不限」等指定、每個時段的顆數，甚至「每天、隔天、指定星期」等複雜的頻率。

有尚未完成的藥物時，畫面上方會以醒目的紅色警示顯示「⚠️有忘記服用的藥物，請確認。」，為你加油打氣。

畫面下方還會直接顯示「本月服藥達成率」與「漏服次數」等真實數字（開發中的測試畫面上，服藥達成率只有 5%，懶人程度可見一斑……笑）。

不過請放心。

即使有忘記服藥的日子，也能從日曆回溯並事後補登錄，這種「可以事後補記」的設計依然保留，所以不會陷入完美主義，能按照自己的步調持續下去。

年紀增長後，服藥的種類也會變多，所以這個功能非常方便。看醫生時還能分享過去服用過的藥物資訊，真的幫了大忙（因為我是很容易忘記藥單的人）。

🍺 飲酒聚會管理：讓健康與省錢動力瞬間暴增的神級功能

而且，對我個人的生活影響最大的，就是這項「飲酒聚會管理」功能。

它不只是記錄喝酒的次數，還能管理每月的聚會次數上限（例如「每月最多 4 次」），以及預算，同時把日常的「小小忍耐」轉化為視覺化的獎勵，我在設計上花了不少心思。

🍵 一鍵叮噹！「節酒存錢」

在日常生活中，

當你想著「今天就不在家喝了吧」

並成功忍住的那天，只要在首頁點一下「今天沒有晚酌」的開關即可。

光是這樣，行事曆上就會出現綠色標記，並且 500 日圓會以「節酒存錢」的形式叮噹一聲加入存款。

日常中不經意的忍耐會逐漸累積成金額，所以隨著月底接近，你會產生一種莫名的成就感與多巴胺，心想「這個月已經節酒省下 3,000 日圓（6 天）了！」。

把省下來的錢拿去投資，或是存起來。

如果能實際感受到減少飲酒後獲得了其他的回報，例如從「想要的東西」專用的存錢盒中支出，我想禁酒或節酒就更能持續下去。

🛡️ 聚會中自我約束的「防醉模式」

這款應用程式的王牌功能就是「防醉模式」。聚會開始後開啟此模式，預先設定的「目標回家時間」倒數計時就會大大地顯示在畫面中央。當然，如果覺得「今天很開心，再多待一下！」，也可以透過「變更回家時間」或「🎉還能續攤！」按鈕靈活延長時間，這是一個對懶散的自己也很友善的設計。

此外，畫面上還設有「🍺酒精」「🥤無酒精飲料」「💧水」的杯數計數器。系統會即時判斷「每喝 2 杯酒搭配 1 杯無酒精飲料」之類的飲酒節奏，並以綠色的「OK」儀表向你提示。如此一來，就能大幅減少隔天的宿醉，以及「怎麼又喝這麼多……」的懊悔。

📊 聚會時還新增了許多實用功能

聚會結束後，可以記錄「鳥貴族 渋谷店」之類的店名、實際支付的金額，以及與同行者的備註等資訊。另外，還新增了輸入 Google Maps 網址即可自動帶入資訊的功能。由於每個月只需操作幾次，AI 告訴我即使串接 API 也不會產生費用，因此就實作了這項功能。

此外，因為聚會時有時會忘記結帳，所以也新增了這項功能作為備忘。

不再有誰付了、誰沒付的問題，真的很好。

然後在月底的「月度報告」中，會將因避免晚酌而節省的天數所累積的「節酒存款」，與聚會預算比實際花費省下的差額（聚會中省下的金額）加總，並以「總節省金額」的形式得意地視覺化呈現。例如「這個月總共省了 9,000 日圓！」一眼就能看出，讓人期待「用這筆錢來買我一直想要的那個小工具吧」，是一個能同時得到健康與金錢的喜愛功能。

2. 開發完成後的感想：Claude 對設計師來說是最棒的「翻譯機」

如此一來，我把自己的懶散與任性全部塞進去的應用程式終於成形了。而身為開發新手的我能走到這一步，全都要歸功於夥伴 Claude。

如果工程師看到，可能會驚呼「你是認真的嗎？」，不過這次我採用了「把 HTML、CSS、JavaScript 全部塞進 index.html 一個檔案」的超蠻力單一檔案架構來進行開發。 但對我們（我和 Claude）來說，這卻是最正確的決定。

如果檔案分散成好幾個，光是告訴對方「請修改哪個檔案的哪個地方」就很費功夫；但只有一個檔案的話，只要把整份程式碼丟進聊天視窗，Claude 就能瞬間掌握全貌。

我腦中抽象的「想要這樣運作」的構想，Claude 會將其翻譯成優美的程式碼。雖然有時候會因為閉合標籤的錯誤，或是 JavaScript 載入順序的問題，導致整個應用程式當機，讓我們兩人在深夜追查錯誤日誌，遇到了不少麻煩，但即便如此，那也像是搭檔電影一樣，過程非常有趣（笑）。

與 GitHub 及 Cloudflare 的串接，只要在聊天中提問，Claude 就會告訴我帳號的註冊方法，還會直接附上官方網站的連結，因此只要和 AI 聊天，就能迅速完成串接。

3. 下一道更高的牆：設計師與安全性的深淵

在 Claude 的協助下，我終於得到了一個集結外觀與動態都是「我的理想」的最棒玩具（應用程式）。

……但是，這裡出現了一個新問題。

實際每天使用這個駕駛艙後，我突然回過神來。「等等，這個應用程式裡塞滿了我真實的健康狀況、每日的服藥紀錄、最近的家計簿，還有偷懶的紀錄，全是赤裸裸的隱私耶」。

目前我只是為了圖個心安，設定了簡單的 PIN 碼（暗碼）來鎖定畫面，但老實說，我在安全性方面完全是外行。以我和 AI 僅憑自身知識打造出來的現狀，要把重要的資料交付出去，心中仍難免有一絲不安。

身為設計師，正因為我們打造的是「令人舒適的體驗」，背後那份「絕對不會外洩、也不會被突破」的安全感，也理應是重要的一部分。

「果然還是想用手機的 Face ID，或是最新的 Passkeys（通行金鑰），讓只有自己能夠安全又俐落地打開！」

我萌生了這個念頭，但資安可不是一蹴可幾的超級專業領域。

這已經不是我能應付的範圍了……。

我打算與工程師們好好討論，謹慎地推進這件事。

之後我也想導入家計簿管理工具，並加入只要上傳信用卡消費紀錄，就能自動記帳的功能，但因為對資安方面感到不安，目前先暫時擱置。

總結

工具已經備齊。接下來，我想打造「安心」！

原本因為「我沒有開發知識」而只停留在腦海裡醞釀的點子，多虧了AI這位最棒的夥伴，如今終於有了生命，變成真正改變我生活的工具。不再苛責無法做到完美的自己，只要付出一點「偷懶稅」，就能一次又一次地重新開始。多虧這套溫柔的系統，曾經三分鐘熱度的我，如今也能每天愉快地養成習慣。

但是，越是方便，守護它的責任也會一併隨之而來。

雖然這篇文章沒有提到，但我們也正在逐步新增通知功能與家計簿管理功能等。

不過，像記帳管理這類功能基於安全考量，必須謹慎處理，因此目前仍在開發環境中努力推進，尚未正式上線。

因此，敬請期待下一次的更新！