開發者經常需要測試不同 AI 模型嘅對話表現，但市面上嘅聊天介面往往綁定特定供應商，靈活性不足。Chatbot UI 就係一個開源解決方案，讓你用幾個步驟就能自建聊天室，支援 OpenAI、Anthropic 等主流模型，甚至本地 Ollama 模型。呢個工具特別適合 AI 開發者、研究員同埋想自訂聊天體驗嘅用戶，毋須從零寫前端介面。
複製 Repo 後即裝依賴，幾分鐘啟動專案
Chatbot UI 嘅部署過程極其簡潔，首先喺終端機 clone GitHub repo，之後用 npm 或 yarn 安裝 dependencies。呢個步驟只需基本 Node.js 環境，唔使額外配置 webpack 或其他建構工具。裝好之後，run 一聲 npm run dev，就能喺 localhost 開啟聊天介面。相比其他 AI 工具需要複雜環境設定，Chatbot UI 明顯更親民，讓新手開發者快速上手測試模型。
整合 Supabase 後輕鬆跑本地聊天伺服器
要實現完整功能，包括訊息歷史記錄同多模型切換，就要安裝 Supabase。呢個步驟涉及註冊 Supabase 帳戶，設定資料庫連線，之後填入 .env 檔案嘅 secrets 如 SUPABASE_URL 同 SUPABASE_ANON_KEY。完成後，專案就能自動同步聊天記錄到雲端，避免每次重啟都要重新輸入提示詞。Supabase 嘅整合讓 Chatbot UI 唔單止係前端 demo，而係可擴展嘅生產級聊天應用。
填好 secrets 之後，介面會自動載入可用模型清單，用戶可以即時切換如 GPT-4o 或 Claude 3.5 等 API。呢個設計特別方便 A/B 測試不同模型嘅回應品質，開發者毋須切換多個工具或網站。
選裝 Ollama 支援本地模型，零成本跑 AI 聊天
如果想避開雲端 API 費用，Chatbot UI 仲支援 Ollama 運行本地模型如 Llama 3 或 Mistral。安裝 Ollama 之後，喺設定中輸入模型名稱，就能喺本地硬體上生成回應。呢個選項對隱私敏感嘅用戶或離線環境特別有用，例如企業內部測試或個人電腦實驗。雖然效能取決於硬件，但結合 Chatbot UI 嘅簡潔介面，用戶體驗同雲端模型無異。
整體嚟講，Chatbot UI 嘅 repo 結構清晰，包括 components、hooks 同 utils 資料夾，方便開發者自訂 UI 或加入新功能如檔案上傳、多輪對話優化。GitHub 頁面仲提供詳細嘅 navigation menu 同 commit history，方便追蹤更新。無論係原型驗證定係自建聊天 bot，呢個工具都提供咗高效起點。
瀏覽器直運聊天室，支援多模型無縫切換
啟動後，打開瀏覽器就能見到熟悉嘅聊天介面，類似 ChatGPT 但更靈活。左側有模型選擇器，右側係對話區域，支援 markdown 渲染同即時串流回應。用戶可以儲存對話到 Supabase，之後透過 saved searches 快速檢索。呢種設計讓測試變得高效，唔使再喺多個 tab 之間跳來跳去。
產品名稱：Chatbot UI / chatbot-ui
官方網站：https://github.com/mckaywrigley/chatbot-ui
