Day30 回顧:與 claude 共舞的 30 天

系列最後一天,不照前面的五段模板。先說寫這 30 篇的收穫:逼 AI 回顧 session、我再爬一遍,補上 vibe-coding 時「看過 plan、結果對了就 go」留下的理解落差。再說為什麼我接受「vibe-coding 就是一直造輪子」:造輪子是養品味的過程。接著整理這個月在資安、成本、UIUX、功能開發四塊的心得,最後是之後要繼續做的事。

October 14, 2026 · 6 分鐘
note-enrich 輸出結構的前後對照:左邊查到的句子散插在原文段落之間,右邊原文整塊在上、補充與來源清單在下

Day29 [llm-wiki] 查來的跟我寫的混在一起:note-enrich 改成原文一塊、補充一塊

note-enrich 跑完的 raw 常常已經夠格當 wiki 頁,但要升格時卡在一件事:原本「就近融入」的規則讓我寫的句子和網路查來的句子混在一起,升格只能動 LLM 寫的部分,卻分不出是哪幾句。這篇記錄把輸出改成「原文一塊、## 補充一塊、## 來源清單」的取捨,為什麼不從 raw 全面改、已經 enrich 過的 20 幾篇為什麼不回頭拆,以及 enrich 結束時怎麼判斷該不該提議 wiki-build –promote。也記錄兩份規格各寫各的 frontmatter,悄悄分歧出 kebab tag 和被挪用的 source 欄位。

October 13, 2026 · 7 分鐘
thinking-line 的資料流:事件改模組變數,計時器寫快照,spinner 讀快照

Day28 [llm-wiki] 把 Claude 執行中那一列換掉:細分階段、合併平行工具、列出 subagent、算 token 速度

再寫一個 mod:thinking-line 在 Claude 執行中接管 spinner 那一列,顯示細分的階段、step 序號、平行工具合併、每個 subagent 在跑什麼,以及輸出 token 與每秒速度。記錄 Spinner 能改哪些欄位、token 為什麼一半是實值一半是估算、chunk 太密怎麼節流,以及桌面版畫不出多行時改走的路。

October 12, 2026 · 9 分鐘
navi 面板的統計分頁:跨域引用表、從未互連的域、可以互連的頁

Day27 [llm-wiki] 用 mod 裝飾我的 llm-wiki:我是如何強化我的 llm-wiki 儀錶板

接續 Day26,這篇寫 navi 這個 mod 的畫面設計:橫條、狀態列、輸入框、側邊面板各自負責一種注意力;統計分頁以「哪裡還沒連起來、哪裡值得再寫、書的概念流到哪些域」三個問題分區,每個數字旁邊都附一個只填不送的動作;趣味分頁放單篇事實。記錄每個畫面要我關注什麼、門檻怎麼定、以及看到畫面之後改掉的地方。

October 11, 2026 · 13 分鐘
同一個 mod 畫在三個位置:側邊 Pane、輸入框上方的橫條、狀態列

Day26 [llm-wiki] 在 Claude Code 用 mod 長一塊 llm-wiki 儀表板:TODO、近期 wiki、raw 堆積

Claude Code 新推出了 mod,我試著導入 llm-wiki。主軸是為什麼要用 mod:先分清 skill、hook、MCP、plugin、mod 各管什麼,再從最直觀的介面開始,在 session 裡畫出 vault 儀表板:側邊面板列出 TODO.md 未完成項與近期新增 wiki,點項目就把對應 skill 指令填進輸入框、點 wiki 頁直接在 Obsidian 開;面板下半部畫各域 wiki 數與 raw 堆積;輸入框上方的橫條放今日隨機三頁,狀態列放待辦/Inbox/本週新增數。接著往下看 mod 的 hook:旁觀、改寫、接手三種行為,以及它排在既有守門 hook 前面這件事。也記錄怎麼算「近期新增」、怎麼打開 Obsidian、mod 放在哪、raw 堆積的第一版為什麼不能用,以及幾個驗證錯誤。

October 10, 2026 · 16 分鐘
左邊是之前:一趟旅行一個 196 KB 的 index.html,外層頁面裡用沙箱 iframe 放行前指南,所有切換都不改網址,瀏覽器的上一頁只有「旅行頁」和「總覽」兩筆。右邊是現在:資料夾裡有 index.html、app.js、app.css 和五個 JSON,上一頁的堆疊依序是總覽、#plan/10-31、#areas/seomyeon、#areas/seomyeon/seomyeon-07,連點三個日期只改網址

Day24 [travel-storage] 按上一頁就回總覽:捨棄「一趟旅行一個 HTML」,改成外殼+JSON+#網址

Day19 定下的「每趟旅行是一個單一的 HTML」,用起來最困擾的是按上一頁就直接回總覽。這篇記錄把它翻掉的過程:為什麼光拆檔案沒用、要每個畫面都有網址;單一外殼加

October 8, 2026 · 12 分鐘
左邊是 Day21 的三種狀態:在頂端時三層固定列全部顯示(外層分頁列、地區/行程推薦/備註、日期列),往下滑全部收起,往上滑一點只露出日期列;右邊是現在:頁首加日期列固定一層,往下滑、往上滑都長一樣

Day23 [travel-storage] 真正進入使用後,才發現新專案的破陋不堪阿

指南升成主角之後,我拿手機實際用了一輪,丟給 Claude 一串體驗問題,第一條就是收回 Day21 做的「往下收、往上露」:「那個好卡,用一層就好了」。記錄這輪 UI 調整的取捨:固定哪一層(Claude 建議只固定頁首,我選頁首加日期列)、「← 總覽」收進選單還是整個拿掉、地區篩選要不要改下拉選單(地區要、類別不要),以及計畫被我退回六次、每次補了什麼。踩到的坑是為了壓低日期列把日期排成一行,最後一顆按鈕超出畫面 13px、整頁可以左右滑;之後「手機不能左右滑」寫成專案的硬規定,改版面前要在四種寬度量過。另外自動部署停住,改成手動部署。

October 7, 2026 · 14 分鐘
旅行頁改版前後對照:左邊是改版前,頂部有外層分頁列「行程紀錄|行前指南」,指南裡又有一列「地區|行程推薦|備註」,再下面是大標題;右邊是改版後,頂部只有一列,左上是兩行的 logo,中間是時間軸樣式的日期,右邊是漢堡選單按鈕

Day22 [travel-storage] 旅途中只開一頁:行前指南升成主角,去過的店寫回指南,頁首告訴我還剩幾天

旅行頁原本以「回來後的紀錄」為主,行前指南只是一個原樣保留的內嵌分頁;實際用下來我只看指南。這次的目標是四件事:少切頁面、打開就是當天的建議行程、旅途中記下去了哪就同步回指南(之後找店先列還沒去的,回來後的整理也直接在上面做)、頁首講清楚還剩幾天。記錄的取捨有:指南的分項攤平成頁首導覽、手機用漢堡選單(下拉選單被我否決),地點總表併進指南、新店只能加在清單尾端,頁首日期併進原本那一列、改成時間軸;另外用地址補座標的腳本把每家店畫進示意圖,太遠或沒座標的用虛線圈。踩到的坑有:合併時一刀切掉一個函式導致整頁空白、記住的舊分頁讓預設頁失效、平滑捲動讓切分項看起來沒反應、手機上一列塞不下日期、只靠店名幾乎查不到座標。

October 6, 2026 · 16 分鐘
東京旅行頁在手機上的每日實際行程:9/7 因大雨改走雨天線,頂端一條黃色提示寫著熱海取消;去了的景點是綠點,沒去的劃線並標「沒去」,看完展順道去的瞭望台標「計畫外」

Day19 [travel-storage] 一趟旅行只用一頁:出發前、旅途中、回來後都改同一份資料區

新專案 travel-storage:跟 Claude 一起排行程,每趟旅行做成一個自含式 HTML,放成一個私人網站。這篇記錄旅行頁怎麼設計成「一頁走完一趟旅行」:模板照行前指南還是回來後的全紀錄、行程項目用 done/plan/skip 等狀態從計畫走到實際、行前指南原樣內嵌而不是拆掉重寫、總覽頁對還沒結束的旅行只給出發日期(網址也不帶地名)、旅途中「先在對話回選項,挑了才寫進頁面」的更新流程,以及離線快取的代價。

October 3, 2026 · 10 分鐘
主目錄只留給 Obsidian 看,每個 Claude session 在自己的 worktree 裡寫,收尾直接推到遠端 main,再由 Obsidian 自動 pull 拉回主目錄

Day18 [llm-wiki] obsidian-git push 總被另一個 session 卡住:設定圍籬,只開 worktree,主目錄留給 Obsidian 與個人手寫

用 git 同步 vault 十天後的四個觀察:log 和 TODO 這種每個動作都會碰的檔一直衝突、手機能互動很實用、本機所有 session 都踩在 main 上互相卡住、GitHub 網頁可以直接當閱讀介面。今天一次 push 被另一個 session 沒 commit 的變更擋下來,於是把「每個 session 都開 worktree、不分任務大小」寫成規則,並用 SessionStart 與 PreToolUse 兩層 hook 擋住在主目錄寫檔。記錄過程中的取捨(為什麼不是看情況才開、為什麼保留 Obsidian 自動 pull、規則之外要不要用 hook 硬擋、收件重複要查 git 歷史還是另記一本帳、過期的決策檔怎麼刪),四個坑(hook 擋到自己要寫的另一個 repo、剛開的 worktree 被判成可清、log 同一個 hunk 混著兩個 session 的條目、在 worktree 裡長指令被拒),以及接下來要觀察的九件事。

October 2, 2026 · 14 分鐘