jakemor/kanna

A beautiful web-based UI for Claude Code & Codex

解決的問題

Kanna 為命令列介面(CLI)程式設計代理(特別是 Claude Code 和 Codex)提供圖形使用者介面(GUI)。它將終端為基礎的體驗轉換為美觀的 Web 基礎聊天介面,讓管理多個專案、追蹤代理進度,以及無需一直停留在終端中即可與 AI 程式設計工具互動變得更容易。

如何運作

Kanna 以 Bun 為基礎運行伺服器,作為基於 React 的 Web 前端與本地代理程序(Claude Agent SDK 或 Codex App Server)之間的橋樑。它使用 WebSockets 實現即時通訊,並採用事件溯源架構將聊天紀錄與狀態永久儲存在本地 JSONL 日誌中。系統透過一個標準化層協調多個 AI 提供者(Claude、Codex、Cursor 和 Pi),該層處理模型選擇與推理努力控制。

適用對象

使用 Claude Code 或 Codex 等 AI 程式設計代理,但偏好使用視覺化介面來管理對話、檢視代理計畫,並在不同專案間組織工作的開發者。

主要特色

  • 多提供者支援:可在 Claude、Codex、Cursor 和 Pi 之間切換,並支援各提供者獨立的模型與推理設定。
  • 專案導向的組織:依專案分組對話,側邊欄支援即時狀態指示器與拖曳排序。
  • 計畫模式:允許使用者在執行前審查並批准代理計畫。
  • 豐富的渲染:解析工具呼叫,呈現可摺疊的工具群組與互動式提示。
  • 本地專案自動發現:自動從現有的 Claude 和 Codex 本地歷史中發現專案。
  • 內建 Pi 代理:將 pi 程式設計代理作為相依性內建,無需額外安裝。

相關

  • 專案
  • 專案
  • 專案
  • 專案
  • 專案