開發者用 Claude Code 或 Codex 等 coding agent 寫 code 時，經常面對任務散亂、進度難追蹤嘅痛點，尤其係大型項目，單靠聊天介面好難維持清晰嘅工作流程。vibe-kanban 就係專為呢類用戶設計嘅開源工具，將 AI coding agent 嘅輸出轉化成視覺化 Kanban 看板，讓你輕鬆管理任務、追蹤代碼生成進度同優化工作流。無論係獨立開發者定團隊，都可以透過呢個 GitHub 項目，10 倍提升 coding agent 嘅實用性。
快速過濾結果，提升任務管理效率
呢個工具嘅 Navigation Menu 同 saved searches 功能，讓用戶可以自訂搜尋條件，即時過濾 Kanban 板上嘅任務同結果。想像一下，你生成咗大量 Claude Code 輸出，唔使再喺聊天記錄入面翻來翻去，只需設定 saved searches，就能一鍵顯示特定類型任務，例如「待審核代碼」或「已完成模組」。呢種做法比傳統 coding agent 介面更直觀，特別適合需要頻繁迭代嘅開發流程。
文件夾結構同版本歷史，一目了然追蹤變更
vibe-kanban 提供 Folders and files 管理，同 Latest commit 及 History 功能，讓你像用 GitHub 一樣，組織 AI 生成嘅代碼文件。打開介面後，Repository files navigation 會顯示完整目錄樹形結構，用戶可以拖拉任務卡片到唔同文件夾，同時自動記錄每次 commit 嘅變更歷史。呢個設計解決咗 coding agent 輸出碎片化嘅問題，讓開發者更容易 review 同 rollback，相比純文字聊天，效率明顯提升。
例如，你叫 Claude Code 生成一個 web app 原型，vibe-kanban 會自動將每個步驟變成 Kanban 卡，連繫到對應文件同 commit log。呢種視覺化追蹤，喺多 agent 協作時特別有用，避免咗混亂嘅代碼堆積。
本地開發同遠端部署，輕鬆建置專屬看板
要開始用 vibe-kanban，先檢查 Prerequisites，確保環境齊備，例如 Node.js 同相關依賴。Running the dev server 好簡單，只需幾個 npm 指令，就能喺本地啟動開發伺服器，瀏覽器打開 localhost 即見 Kanban 介面。Building the web app 步驟同樣直觀，支援 production build，方便分享給團隊。
對於 macOS 用戶，Build from source 提供詳細指南，包括環境設定同編譯流程。設定 Environment Variables 後，你可以自訂 API key 同 agent 整合，例如連繫 Claude 或 Codex。Remote Deployment 部分教你 deploy 到 Vercel 或類似平台，讓 Kanban 變成雲端工具，隨時隨地存取。呢套流程確保咗工具嘅可移植性，唔使依賴特定平台。
總括嚟講，vibe-kanban 將 coding agent 從單純生成器升級成完整項目管理系統，透過 Kanban 視覺化同 Git-like 結構，解決開發痛點。開源性質亦讓開發者自由修改，適合同類工具嘅擴展。
產品名稱：vibe-kanban / BloopAI vibe-kanban
官方網站：https://github.com/BloopAI/vibe-kanban
