基於Web的Claude CLI界面

項目 claude-code-webui 由用戶 蘇吉安 GitHub上維護的開源工具。其主要功能是：

項目信息

claude-code-webui 是一 基於web的用戶界面，用於取代純命令行環境，以便 Claude Code CLI 更直觀、更現代的互動

• 核心目的：提供取代傳統終端操作的聊天式開發體驗，允許用戶在瀏覽器中輸入代碼和查看結果，並支持多終端訪問（包括移動端）

為什麼使用它？

特性	命令行（CLI）	Web界面
接入設備	通常僅限於桌面	任何支持瀏覽器的設備（手機或平板電腦）
信息呈現	純文本輸出	顯示格式豐富，界面友好
項目切換	您需要手動切換目錄	視覺點擊操作選擇項目

如表所示，這種方法帶來了更加直觀、便捷的編碼體驗

快速入門指南

• 安裝方法（推薦）
  使用nPM進行全局安裝並使用啟動命令打開瀏覽器界面：nPM安裝-g claude-code-webui claude-code-webui默認地址為 http：//localhost：8080
• 二進位版本
  支持macOS ARM64等平台，下載相應版本即可運行，方法類似：curl -LO. #獲取二進位 chmo +x claude-code-webui-macos-arm64。/ claude-code-webui-macos-arm 64
• 發展模式
  支持Deno或Node.js環境：#後台 cd backend deno task dev #或nPM運行dev #前端（新終端） CD前端NPM運行開發然後打開 http：//localhost：3000 訪問

安全原因

• 僅在本地運行，默認情況下綁定 localhost，不建議直接在公共網絡上曝光
• 沒有內置身份驗證功能，因此在網絡設置中需要小心，防止未經授權的訪問

適用人群

如果您已經在使用Claude CLI工具，claude-code-webui 可以讓運營體驗飛躍：

• 更好的UI/UX：豐富的消息格式和簡潔的界面。
• 適應移動終端：遠離桌面的方便臨時操作。
• 本地安全性：所有輸入和輸出都在本地發生，除了Claude CLI的API之外，不會有額外的數據傳輸。

總結

claude-code-webui 是一個輕量級的Web前端，使其與Claude Code的交互更加直觀、友好和現代。它易於安裝，具有多平台支持，並且具有出色的UI體驗，非常適合想要擺脫命令行並使用圖形界面的開發人員。

Github：https://github.com/sugyan/claude-code-webui

輸油管：