8AKER零 需求填表 支持贊助

首頁/日常紀錄/操作・AI 學習筆記

請 Claude 當系統規劃師,跑一次網站大健檢

AI網站vibe coding

今天原本只是想把「強化」頁的身體儀表板弄好看一點,結果一路做到整個網站的大健檢。

早一點:儀表板的取捨

  • 我請 AI 給我三個版本,挑了喜歡的配色和帳本式的排版,融合成一個
  • 我覺得每天的紀錄才是主角,身體數字只是我自己偶爾看,所以把文章放上面、儀表板放下面
  • 數字太多看不清楚,請它再簡化。我學到:少放一點,反而一眼看得懂
  • 最後加了一些可以點的互動:點某一週看每天、點最佳成績看前五名、月曆可以切到整年

「日常紀錄」的導覽也順了一遍

我自己都搞不清楚這個區塊怎麼連的,因為太多入口重複了。AI 把它整理成:首頁五張方向卡片,加上最新的幾篇,選單的「日常紀錄」直接帶到完整列表。路變少了,反而比較不會迷路。

傍晚:請它當系統規劃師

我跟 AI 說:沒有問題就說沒有,但該說的問題不要藏。它從前端、後端、程式碼、整體架構到安全性都看了一輪,給我一份報告。整體的結論是還算健康,但有幾件事該處理:

  • 後台有一個會把 Strava 資料洗掉的小 bug
  • 後端的程式只存在雲端,沒有備份在我的專案裡
  • 留著一些已經不用的舊後台和舊登入程式
  • 網站的底層框架可以升一個大版本

然後一件一件處理掉

  1. 修掉那個小 bug
  2. 把九支後端程式備份進專案,並寫了一份說明表
  3. 清掉舊後台、舊登入,以及沒人用的元件
  4. 升級網站框架,本機測過再上線
  5. 剩下 AI 沒有權限的兩件事(刪舊設定、刪舊分支),它直接給我連結,我自己點掉

今天學到的

  • 請 AI 先「盤點」再「動手」,比一直叫它加功能有用
  • 刪東西之前一定先講清楚、先問我。這次是我明確同意了,才清掉舊檔
  • 有些事 AI 做不到(例如刪我雲端上的設定),它會誠實說做不到,然後告訴我去哪裡點,這樣我反而安心
  • 做出來的東西,我也留了一個「不喜歡就刪」的空間。像今天的 IG 影片,我看過覺得不對,就刪掉重來
這篇屬於作品8AKER零 網站與 Studio 後台看作品 →