fanbox
vibe coding 的駕駛艙：左邊檔案，右邊/下方終端，中間看清每一次改動。 / The cockpit for vibe coding: browse files on the left, command agents on the right, watch
fanbox 是什麼？
vibe coding 的駕駛艙：左邊檔案，右邊/下方終端，中間看清每一次改動。 / The cockpit for vibe coding: browse files on the left, command agents on the right, watch every change in between.
fanbox 概覽
這是什麼
FanBox 是 Coding Agent 的駕駛艙。它讓使用者可以在本地指揮 Claude Code 或 Codex，看清它碰過的每個檔案、改過的每一行，並隨時接手。使用者可以在左側瀏覽、預覽、編輯本地檔案，同時在右側/下方的真實內嵌終端中執行任何 coding agent。每當 agent 寫入一個檔案，對應的卡片就會亮起。所有操作都在一個視窗內完成。
主要功能
- 全域模糊搜尋 (⌘K)：透過檔案名稱片段搜尋，或使用
content:關鍵字進行全文搜尋。 - 原地預覽：Markdown 渲染、HTML 即時成品、程式碼語法高亮、圖片/影片/PDF 內嵌（含 HEIC）、壓縮包內容清單、透明圖棋盤格墊底。
- 即時儀表板：agent 每寫一個檔案，對應卡片就會盪開漣漪並依改動頻率發光呼吸；光點跟隨 agent 移動。
- 跟隨模式：一鍵讓檔案檢視與預覽追蹤 agent 正在編輯的檔案。程式碼隨新寫行高亮閃爍，HTML 邊寫邊即時渲染（雙緩衝、零白閃），Markdown 即時渲染。
- 本回合面板：顯示 agent 改動了哪些檔案、是哪個終端裡的哪個 agent 改的、每個檔案的 +/
- 行數；點擊可看並排 diff、還原單一檔案、整回合回滾、拖動回放時間軸。
- 專案記憶：開啟任何專案資料夾，查看 AI 在該處的歷史對話（以第一句話為標題）、改動過的檔案、觸發過的 skill；一鍵透過內嵌終端中的
claude --resume/codex resume續接上下文。 - AI 整理：AI 僅從中繼資料提出整理提案（不讀取內容、不碰檔案系統）；你逐條勾選核准，FanBox 執行並寫入回滾日誌，一鍵整體撤銷。
使用情境
FanBox 專為使用 AI coding agent 在短時間內啟動多個專案的開發者設計。它解決了檔案散落各處、專案名稱難以辨識、改動看不見的問題。典型的日常流程——在 Finder 中翻找、切換到 iTerm 啟動 agent、再切換到瀏覽器查看結果——被收納進一個視窗。它專注於「找回檔案 → 預覽 → 輕量編輯 → 指揮 agent」這一條鏈路。
快速開始
請參閱儲存庫的 README 以取得安裝說明。
授權與價格
採用 MIT 授權。開放原始碼。
內容整理自該專案公開的 README 與儲存庫資訊。
