繁中
English繁中

Claude Code的免費開源前端接口

作者: /

claudecodeui，允許用戶在行動裝置和網頁上管理Claude Code會話和項目。該項目支持響應式設計，適合台式機、平板電腦和手機。提供交互聊天界面、集成Shell終端、文件資源管理器、Git資源管理器等功能。

西特布恩/克洛德德伊 是一個非常有用的工具，主要用於為Anthropic的Claude Code或Cursor CLI工具提供現代圖形界面（圖形界面），使您更輕鬆地管理桌面、平板電腦或手機上的會話和項目。

項目信息

Claude Code UI是一個免費開源的Web UI，允許您在各種設備（包括桌面和行動裝置）上遠程管理Claude Code或Cursor CLI會話、項目等

  • 作者：Siteboon（荷蘭團隊）
  • 程式語言：JavaScript
  • 許可協議：GPT-3.0
  • 當前狀態：約3，000顆星，活躍更新，最近更新是2025年8月12日

核心功能（來源概述）

你可以從GitHub的README中看到許多有用的函數。以下是其主要特點

  1. 響應式設計
    支持桌面、平板電腦和行動裝置，無論是在瀏覽器還是PWA模式下，都可以輕鬆訪問。
  2. 互動聊天界面
    嵌入式聊天窗口，可輕鬆與Claude Code或Cursor CLI互動。
  3. 綜合殼牌碼頭
    可以通過UI直接訪問CLI，從而更容易執行命令。
  4. 文檔瀏覽和編輯
    支持目錄樹顯示、文件語法突出顯示、在線編輯和保存。
  5. Git支持
    包括查看、過渡、提交代碼和切換分支等操作。
  6. 會議和項目管理
    自動發現 ~/.克勞德/項目/ 支持會話恢復、管理歷史記錄和跨設備同步。
  7. 支持多種型號
    其中包括克勞德十四行詩4、作品4.1和GPT-5。
  8. 工具啟用控制
    所有工具默認關閉;需要在設置中手動打開，以防止意外執行危險操作
  9. 移動終端優化
    包括觸摸導航、底部選項卡欄、自適應屏幕、自定義主屏幕快捷方式（PWA）

體系結構概述

Claude Code UI的架構包括正面和背面組件，結構如下：

  • 前端：使用React + Vite構建，界面高效快捷，文件編輯功能基於CodeMirror
  • 後端：Node.js + Express為項目穿越、CLI調用、會話處理等提供RESTful API和Webocket支持。

總體系統結構如下：

[前端（React/Vite）]後台（Express/WS）] Claude CLI / Cursor CLI ]

社區反饋

在Reddit上，一些用戶也表達了他們對這個項目的積極體驗。用戶寫道：

「使用具有包含會話歷史記錄和改進文本框的UI的CC體驗要好得多。」
--更好的會話歷史記錄體驗和改進的文本框

這表明，對於習慣命令行操作的用戶來說，帶有界面的替代方案更加直觀和方便。

總結和比較

功能模塊內容簡介
項目定位Web UI圖形用戶界面，用於管理Claude Code / Cursor CLI的會話和項目
平台/語言Web（React + Node.js），支持桌面和移動端
主要功能聊天界面、文件瀏覽/編輯、終端集成、會話管理、Git支持
模型兼容性克勞德十四行詩4，作品4.1，GPT-5
主分支工具控制該工具默認關閉，需要手動打開以提高安全性
貢獻活動Stars約為3k，仍將在2025年8月更新
積極的社區反饋流暢的使用、對話歷史和易於使用的界面受到了好評

Github：https://github.com/siteboon/claudecodeui

輸油管：

返回頂端