FanBox：AI編程時代的“翻箱”駕駛艙，讓你的vibe coding井然有序
整理版優先睇
FanBox：AI編程時代嘅「翻箱」駕駛艙，令你的vibe coding井然有序
呢篇文章介紹咗開源工具 FanBox（翻箱），由 AI 原生開發者花叔（@AlchainHust）創作。佢之前仲有女媧.skill、huashu-design 等開源項目。呢次佢用 AI 開發 AI 工具，喺 Claude Fable 5 可用嘅 72 小時內高強度迭代，消耗 5 億+ token，發佈 20+ 版本。文章主要想解決嘅問題係：用 Claude Code、Codex 等工具 vibe coding 時，項目散落各處，改名又亂，改動唔知，來回切換 Finder、終端、瀏覽器，效率好低。
整體結論係 FanBox 提供一個本地優先嘅桌面駕駛艙，將「揾文件 → 指揮 AI Agent → 實時睇改動」呢條鏈路完美收埋喺一個窗口。佢唔同 Finder 鬥文件管理，亦唔同 VS Code 鬥深度編輯，而係專注令 AI 編程流程更絲滑自然。文章詳細講解咗界面佈局（左邊文件瀏覽器、中間預覽、右邊終端）、三套皮膚（Volt、Archive、Index）同核心功能（文件搜尋、監控 agent 改動、嵌入式終端等），仲有安裝方法同優缺點分析。
文章指出，FanBox 適合重度使用 Claude Code 等 terminal agent 嘅開發者，尤其係 macOS Apple Silicon 用戶。優點係極大提升 vibe coding 效率、本地優先保護私隱、迭代快；缺點係暫時只支援 macOS、唔係全能 IDE、可能…
- FanBox 係一個本地優先嘅 vibe coding 駕駛艙，整合文件管理、agent 監控同終端，大幅減少窗口切換，提升人 AI 協作效率。
- 作者花叔用 AI 開發 AI 工具，72 小時內消耗 5 億+ token 迭代 20+ 版本，體現咗 AI 原生開發嘅閉環。
- 有別於 Finder 或 IDE，FanBox 專注「揾項目 + 監控 agent」呢個痛點，提供實時文件改動發光、會話回放、git diff 等功能，仲有三套完整皮膚。
- AI 編程時代，工具唔一定求大而全，聚焦單一痛點做到極致，反而更能融入工作流。FanBox 嘅設計思維值得學習。
- macOS Apple Silicon 用戶可以即時去 GitHub Releases 下載 dmg 安裝，或行 node server.js 試用網頁版，零配置即刻啟動。
GitHub 項目地址
FanBox 開源項目，包含源碼、Releases 同文件
桌面版安裝步驟
1. 下載最新 .dmg 2. 拖入「應用程序」3. 右鍵打開（若提示未驗證）4. 啟動後內置更新提醒
vibe coding 混亂，點解要有 FanBox？
最近 Claude Code、Codex 呢啲 AI 編碼工具越嚟越流行，好多人進入 vibe coding 模式，用自然語言描述想法，AI 就快速起項目。但問題係：一個下午十個項目散落喺電腦各處，名又亂，改咗乜唔知，來回切換 Finder、終端、瀏覽器，效率大打折扣。
呢個時候，開源工具 FanBox（翻箱） 出現咗。作者花叔（@AlchainHust）係 AI 原生開發者，佢之前嘅開源項目包括女媧.skill 同埋 AI 設計工具 huashu-design。喺 Claude Fable 5 可用嘅短短 72 小時內，佢高強度迭代完成呢個項目，消耗 5 億+ token，發佈咗 20+ 個版本。
FanBox 係乜？「駕駛艙」概念深度拆解
一句話總結：FanBox 係一個本地優先嘅桌面「vibe coding 駕駛艙」。佢將「揾文件 → 指揮 AI Agent → 實時睇改動」呢條鏈路完美收埋喺一個窗口，唔會同 Finder 鬥文件管理，亦唔同 VS Code 鬥深度編輯，而係專注令 AI 編程流程更絲滑自然。
界面核心佈局非常直觀：左邊係文件瀏覽器加強大預覽，中間係原地實時預覽（Markdown、HTML、代碼、圖片等），右邊或下方係真實內嵌終端。
Agent 每改一個文件，對應嘅文件卡片就會亮起漣漪、呼吸發光，令你一眼知道佢喺度鬱邊度。支援 跟隨模式，自動跟蹤 agent 編輯嘅文件，代碼新行高亮閃爍，HTML 邊寫邊實時渲染（零白閃）。完全 本地運行，零配置、無賬號、無雲依賴，專為 macOS Apple Silicon 優化（Electron 構建）。
- 1 三大亮點皮膚：Volt（熒光綠+炭黑，工業儀表盤感）、Archive（奶油紙+赤陶橙，温暖檔案館）、Index（黑白+信號紅綠，大號字體，編輯部日報風格）。
- 2 皮膚唔止配色，仲包括字體、圖標、代碼高亮、終端主題同步變化，體驗一致。
核心功能實測：文件管理、Agent 監控、終端編輯
- 文件找回與預覽：⌘K 全局模糊搜索，輸入「content:關鍵詞」全文搜索；項目卡片帶類型徽章（node/web/py）；原地預覽強勁，支援 Markdown、HTML 實時、代碼高亮、圖片/視頻/PDF/HEIC 內嵌、壓縮包內容。
- 實時監控 Agent 改動：活儀表盤令文件卡片隨改動發光、漣漪；會話回放可以好似刷視頻拖時間軸重現操作；變更收件箱跨項目彙總修改；Git Diff 並排對比 HEAD 與工作區變化。
- Agent 駕駛艙（指揮中心）：項目記憶查看歷史會話同修改文件，一鍵 resume 續上下文；AI 整理功能由 AI 只讀元數據提出整理建議，審核後執行，支援回滾；截圖直通，系統截屏自動彈出卡片，可直接餵畀 agent 或存入項目素材。
- 嵌入式終端與編輯：真實 node-pty + xterm.js 終端，拖文件/文件夾自動插入路徑；終端路徑可點擊跳轉；Markdown 用 Notion 式 WYSIWYG 編輯，代碼用 Monaco（VS Code 內核），圖片支援標註。
點樣上手？適合邊啲人？
最推薦嘅安裝方式係桌面版：去 GitHub Releases 下載最新 .dmg，拖入「應用程序」文件夾，首次打開若提示未驗證就右鍵 → 打開 → 確認。啟動後即可使用，內置更新提醒。網頁版快速試用可以 clone 項目後行 node server.js，然後瀏覽器訪問 http://localhost:4567。
- 極大提升 vibe coding 效率：適合重度使用 Claude Code、Codex 等終端 agent 嘅開發者，減少窗口切換，實時可視化改動。
- 本地優先 + 私隱：數據唔出本機，適合注重安全嘅用戶。
- 迭代極快：作者用 AI 開發 AI 工具，更新活躍。
- 潛在侷限：目前主要支援 macOS Apple Silicon；唔係全能 IDE，深度編輯仍需 VS Code/Cursor；作為新項目可能有小 bug，但作者響應積極。
最近 Claude Code、Codex 呢啲強大 AI 編碼工具愈來愈流行，好多人開始用「vibe coding」模式，用自然語言講出諗法，AI 就即刻幫手起 project。但問題亦都跟住嚟：一個下晝整咗十個 project 散佈喺電腦唔同位置，名又睇唔明，改咗啲咩又唔知，喺 Finder、終端機、瀏覽器之間不斷切換，效率真係大打折扣。
呢個時候，一個叫 FanBox（翻箱）嘅開源工具就出現咗。呢個 project 嚟自 AI 原生開發者「花叔」（@AlchainHust），佢嘅開源項目仲有可以蒸餾任何人嘅女媧.skill，以及 AI 設計工具 huashu-design。喺 Claude Fable 5 可以用嘅短短 72 個鐘入面，呢個 project 經過高強度迭代完成，而且已經開源咗，作者消耗咗超過 5 億 token，發佈咗 20 幾個版本。
FanBox 到底係啲咩？
一句講曬：FanBox 係一個本地優先嘅桌面「vibe coding 駕駛艙」。佢將「揾檔案 → 指揮 AI Agent → 即時睇改動」呢條鏈完美收納喺一個視窗入面，唔同 Finder 鬥檔案管理，亦唔同 VS Code 鬥深度編輯，而係專注令 AI 編程流程更加順滑、自然。
呢個工具嘅界面核心佈局非常直觀：
• 左邊：檔案瀏覽器 + 強大預覽 • 中間：原地即時預覽（Markdown、HTML、程式碼、圖片等） • 右邊／下方：真實內嵌終端機（可以行 Claude Code、Codex 等任意 coding agent）
Agent 每次改一個檔案，對應嘅檔案卡片就會亮起漣漪、呼吸發光，令你一眼就知道佢喺度改邊個。支援跟隨模式：自動追蹤 agent 編輯嘅檔案，程式碼新行高亮閃爍，HTML 邊寫邊即時渲染（零白閃）。
它完全本地運行，零配置、無帳號、無雲端依賴，私隱安全，專為 macOS Apple Silicon 優化（Electron 構建）。
三大亮點主題，視覺同體驗都好掂
FanBox 唔只功能強，UI 設計都落足心機，提供咗三套完整主題（配色、字體、圖標、程式碼高亮、終端機主題同步變化）：
• Volt（預設）：螢光綠 + 炭黑，工業儀錶板感覺，適合極客。 • Archive：奶油紙 + 赤陶橙，温暖檔案館感覺。 • Index：黑白 + 信號紅綠，大字型，好似編輯部日報。 
核心功能詳細解釋（實用到飛起）
1. 檔案找回與預覽（解決「項目失蹤」問題）
• ⌘K 全域模糊搜尋，輸入片段或「content:關鍵詞」全文搜尋。 • 項目卡片帶類型徽章（node/web/py 等），可以一眼認出項目。 • 原地預覽超強：Markdown 渲染、HTML 即時預覽、程式碼高亮、圖片/影片/PDF/HEIC 內嵌、壓縮檔內容查看。 • 大檔案夾滾動順滑，縮圖載入快。
2. 即時監控 Agent 改動
• 活儀錶板：檔案卡片隨改動發光、漣漪。 • 會話回放：可以好似碌片咁拖時間軸，重現 agent 操作過程。 • 變更收件箱：跨項目匯總本次會話所有修改。 • Git Diff：並排對比 HEAD 同工作區變化。
3. Agent 駕駛艙（指揮中心）
• 項目記憶：睇歷史會話、修改檔案、一鍵 resume 續返上文下理。 • AI 整理：AI 只讀元數據提出整理建議，你審核之後執行，支援回滾。 • 截圖直通：系統截屏自動彈出卡片，可以直接畀 agent 或存入項目素材檔案夾。 • 磁碟佔用可視化：直觀條形圖，可以下鑽睇空間佔用。 • Agent 用量監控：Claude 配額 + 本地 token 統計。
4. 嵌入式終端機與編輯
• 真實 node-pty + xterm.js 終端機，支援拖檔案/檔案夾入去自動插入路徑。 • 終端機路徑可以點擊跳轉，可以揀中預覽文字一鍵掟畀終端機。 • Markdown 用 Notion 式 WYSIWYG 編輯，程式碼用 Monaco（VS Code 內核），圖片支援標註。
點樣安裝同埋上手使用？
最推薦方式（桌面版）：
1. 去 GitHub Releases（https://github.com/alchaincyf/fanbox/releases/latest ）下載最新嘅 .dmg 檔案。 2. 拖入「應用程式」檔案夾。 3. 第一次打開如果提示未驗證開發者，可以右鍵 → 打開 → 確認就得（已簽名）。 4. 啟動後就可以使用，內置更新提醒。
網頁版快速試用（功能較少）：
• Clone 項目，執行 node server.js，然後瀏覽器訪問 http://localhost:4567。
開發／貢獻：npm install 後 npm run app 啟動完整版。
快捷鍵例子：
• ⌘K：全域搜尋 • ⌘↵：用預設編輯器打開項目 • ⌘B：摺疊側邊欄
上手幾乎零學習成本，打開就可以用內嵌終端機行你嘅 Claude Code 等 agent。
分析：FanBox 適合邊個？優缺點點樣？
優點：
• 極大提升 vibe coding 效率：特別適合重度使用 Claude Code、Codex 等終端機 agent 嘅開發者。減少視窗切換，即時可視化改動，令「人-AI」協作更像拍檔。 • 本地優先 + 私隱：數據唔出本機，適合注重安全嘅用戶。 • 迭代極快：作者用 AI 開發 AI 工具嘅閉環，更新活躍。 • 唔重複造輪子：專注痛點，唔同成熟 IDE 硬碰。
潛在侷限：
• 目前主要支援 macOS Apple Silicon，Windows 用戶暫時冇得直接用（作者可能後續考慮）。 • 佢唔係萬能 IDE，更似係「agent 容器 + 項目儀錶板」。深度程式碼編輯目前仍然推薦搭配 VS Code/Cursor 使用。 • 作為新項目，功能仲喺快速演進，偶爾可能有小 bug，但作者響應積極。
總體嚟講：喺 AI 編程工具百花齊放嘅今日，FanBox 提供咗一個獨特而且務實嘅視角。佢唔追求大而全，而係將「找回項目 + 監控 agent」呢件事做到極致。對於每日同 AI 一齊「vibe coding」嘅人嚟講，呢個可能就係嗰個缺失嘅「駕駛艙」。如果你係 mac 用戶，建議去試嚇，話唔定會成為你日常工作流程嘅重要一環。🚀
項目地址：https://github.com/alchaincyf/fanbox
（本文根據 GitHub 公開資訊整理，工具效果因項目、模型版本而異，建議實際測試後決定。）
最近 Claude Code、Codex 等強大 AI 編碼工具越來越火，許多人進入“vibe coding”模式，用自然語言描述想法，AI 就能快速起項目。但問題也隨之而來：一個下午十個項目散落在電腦各處，名字看不懂，改了什麼不知道，來回切換 Finder、終端、瀏覽器，效率大打折扣。
這時，一個叫 FanBox（翻箱）的開源工具出現了。這個項目來自 AI 原生開發者“花叔”（@AlchainHust），他的開源項目還有那個可以蒸餾任何人的女媧.skill，以及AI設計工具huashu-design。在 Claude Fable 5 可用的短短 72 小時內，這個項目經高強度迭代完成，並已經開源，作者消耗了 5 億+ token，發佈了 20+ 個版本。
FanBox 到底是什麼？
一句話總結：FanBox 是一個本地優先的桌面“vibe coding 駕駛艙”。它把“找文件 → 指揮 AI Agent → 實時看改動”這條鏈路完美收進一個窗口，不和 Finder 拼文件管理，也不和 VS Code 拼深度編輯，而是專注讓 AI 編程流程更絲滑、自然。
這個工具的界面核心佈局非常直觀：
• 左邊：文件瀏覽器 + 強大預覽 • 中間：原地實時預覽（Markdown、HTML、代碼、圖片等） • 右邊/下方：真實內嵌終端（可以跑 Claude Code、Codex 等任意 coding agent）
Agent 每改一個文件，對應的文件卡片就會亮起漣漪、呼吸發光，讓你一眼知道它在動哪裏。支持跟隨模式：自動跟蹤 agent 編輯的文件，代碼新行高亮閃爍，HTML 邊寫邊實時渲染（零白閃）。
它完全本地運行，零配置、無賬號、無雲依賴，隱私安全，專為 macOS Apple Silicon 優化（Electron 構建）。
三大亮點皮膚，視覺與體驗都在線
FanBox 不只是功能強，UI 設計也下足功夫，提供了三套完整皮膚（配色、字體、圖標、代碼高亮、終端主題同步變化）：
• Volt（默認）：熒光綠 + 炭黑，工業儀表盤感，適合極客。 • Archive：奶油紙 + 赤陶橙，温暖檔案館感覺。 • Index：黑白 + 信號紅綠，大號字體，像編輯部日報。
核心功能詳解（實用到飛起）
1. 文件找回與預覽（解決“項目失蹤”問題）
• ⌘K 全局模糊搜索，輸入片段或 “content:關鍵詞” 全文搜索。 • 項目卡片帶類型徽章（node/web/py 等），可以一眼認出項目。 • 原地預覽超強：Markdown 渲染、HTML 實時預覽、代碼高亮、圖片/視頻/PDF/HEIC 內嵌、壓縮包內容查看。 • 大文件夾滾動絲滑，縮略圖加載快。
2. 實時監控 Agent 改動
• 活儀表盤：文件卡片隨改動發光、漣漪。 • 會話回放：可以像刷視頻拖時間軸，重現 agent 操作過程。 • 變更收件箱：跨項目彙總本次會話所有修改。 • Git Diff：並排對比 HEAD 與工作區變化。
3. Agent 駕駛艙（指揮中心）
• 項目記憶：查看歷史會話、修改文件、一鍵 resume 續上上下文。 • AI 整理：AI 只讀元數據提出整理建議，你審核後執行，支持回滾。 • 截圖直通：系統截屏自動彈出卡片，可直接餵給 agent 或存入項目素材文件夾。 • 磁盤佔用可視化：直觀條形圖，可以下鑽查看空間佔用。 • Agent 用量監控：Claude 配額 + 本地 token 統計。
4. 嵌入式終端與編輯
• 真實 node-pty + xterm.js 終端，支持拖文件/文件夾進去自動插入路徑。 • 終端路徑可點擊跳轉，可以選中預覽文字一鍵甩給終端。 • Markdown 用 Notion 式 WYSIWYG 編輯，代碼用 Monaco（VS Code 內核），圖片支持標註。
如何安裝和上手使用？
最推薦方式（桌面版）：
1. 前往 GitHub Releases（https://github.com/alchaincyf/fanbox/releases/latest ）下載最新 .dmg 文件。 2. 拖入「應用程序」文件夾。 3. 首次打開若提示未驗證開發者，可以右鍵 → 打開 → 確認即可（已簽名）。 4. 啓動後即可使用，內置更新提醒。
網頁版快速試用（功能較少）：
• Clone 項目，運行 node server.js，然後瀏覽器訪問 http://localhost:4567。
開發/貢獻：npm install 後 npm run app 啓動完整版。
快捷鍵示例：
• ⌘K：全局搜索 • ⌘↵：用默認編輯器打開項目 • ⌘B：摺疊側邊欄
上手幾乎零學習成本，打開就能用內嵌終端跑你的 Claude Code 等 agent。
分析：FanBox 適合誰？優缺點如何？
優點：
• 極大提升 vibe coding 效率：特別適合重度使用 Claude Code、Codex 等終端 agent 的開發者。減少窗口切換，實時可視化改動，讓“人-AI”協作更像搭檔。 • 本地優先 + 隱私：數據不出本機，適合注重安全的用戶。 • 迭代極快：作者用 AI 開發 AI 工具的閉環，更新活躍。 • 不重複造輪子：專注痛點，不和成熟 IDE 硬剛。
潛在侷限：
• 目前主要支持 macOS Apple Silicon，Windows 用戶暫無法直接使用（作者可能後續考慮）。 • 它不是全能 IDE，更像是“agent 容器 + 項目儀表盤”。深度代碼編輯目前仍推薦搭配 VS Code/Cursor 使用。 • 作為新項目，功能還在快速演進，偶爾可能有小 bug，但作者響應積極。
總體來說：在 AI 編程工具百花齊放的今天，FanBox 提供了一個獨特且務實的視角。它不追求大而全，而是把“找回項目 + 監控 agent”這件事做到極致。對於每天和 AI 一起“vibe coding”的人來說，這可能就是那個缺失的“駕駛艙”。如果你是 mac 用戶，建議去試試，說不定會成為你日常工作流的重要一環。🚀
項目地址：https://github.com/alchaincyf/fanbox
（本文基於 GitHub 公開信息整理，工具效果因項目、模型版本而異，建議實際測試後決定。）