Vibe Coding 的十月

Vibe Coding 的十月 Posted on Oct 24, 2026 從九月底的中秋連假開始一直到整個十月，突然一口氣做了好幾個 Vibe Coding 的專案，想要介紹一下這些專案，也分享一些心得。 Scratch: Agent Canvas 現在很多筆記軟體都有提供「白板」的功能，例如 Heptabase 的 Whiteboard，Obsidian 的 Canvas，抑或是老牌的 Miro，就連 Apple 現在也有內建 Freeform。所以一開始我只是想，假如可以把 coding agent 也放在白板裡，一定很方便。現在的軟體工程師，在公司往往得一次開好幾個 coding agent，同時負責不同的專案任務，agent 一多，要怎麼管理它們就變得很重要，cmux 和 herdr 都是不錯的選擇，我也都使用過一段時間，但它們感覺還是像傳統的終端機，我用一用還是會忍不住想：假如有一個白板，我可以在上面擺上 coding agent，加一些線條描述它們彼此間的關係，或是在 agent 旁邊放個便條紙，快速記個筆記等等，一定會很方便。 就像這樣： 其實我一開始完全沒有想要做自己的專案，我是先跟 ChatGPT 聊這個想法，然後叫它去找有沒有已經有人寫好的，讓我可以直接用，它雖然列了幾個選項給我，但我感覺都不對，聊到最後，突然覺得，不然我來 Vibe Coding 一個好了。 過程遠比我想的還要順利，中秋連假之後，我就有了一個成品，而且我之後就完全只使用這個自己的工具來使用 agent，不論是在公司電腦或是自己私人電腦，都只使用這個工具。 之後我又加入了卡片盒筆記的設計，所以也可以承擔部分筆記軟體的功能。 Boba 🧋: Open Browser Agent Boba 是一個利用 userscript 載入，跑在網頁裡的 agent，所以它可以直接讀取網頁的 DOM，然後執行 JavaScript 去修改網頁，修改完之後，還可以叫 agent 直接產出對應的 userscript，下次再載入同個網頁時就直接執行。以前很羨慕網頁高手，可以自己寫 userscript 去改造網站，有了 Boba 之後，我也可以利用 agent 的能力，做到類似的事情。 目前我用 Boba 來翻譯網頁，下載多媒體資源，產生 userscript 去阻擋 Facebook 的…