在行動裝置和Web上使用ClaudeCode

Claude Code UI 是一款免費的開源 WebUI/GUI,可協助您遠端管理 Claude Code 會話和專案。

siteboon/claudecodeui 是一个向 Anthropic 的「Claude Code CLI」工具的图形化用户界面(GUI),支持桌面和移动端使用。

项目简介

  • 全平台界面:提供桌面(Browser-based)和移动端 UI,让你能够在不同设备上,结合网页进行 Claude Code 操作,与传统 CLI 交互体验相比更直观
  • 功能亮点
    • 响应式设计:支持在桌面、平板、手机等设备自适应呈现 。
    • 内置聊天界面:通过 WebSocket 等方式实时与 Claude Code 交互
    • 集成 Shell 终端:可直接在界面中调用 Claude Code CLI,执行命令
    • 文件资源管理:支持文件树浏览、代码高亮、编辑、新建删除文件等操作。
    • Git 集成:可以查看、暂存、提交、切换分支
    • 会话管理系统:支持恢复会话、查看历史、项目和会话管理

安装与使用流程

  1. 克隆仓库并进入目录:git clone https://github.com/siteboon/claudecodeui.git cd claudecodeui
  2. 安装依赖并启动开发模式:npm install npm run dev
  3. 默认情况下会在浏览器打开本地服务,例如 http://localhost:3001 (或其他端口),即可开始界面使用

注意:为了安全,工具默认是禁用状态。需要在 UI 中手动进入设置,启用你信任的功能模块

社区互动

该仓库在 GitHub 上拥有约 2.8K stars,算是社区认可程度不错的开源项目 。从最近的 issues 看出,项目活跃度也很高,比如 2025 年 8 月初还有用户反馈性能、移动端兼容等方面的问题。

总结

siteboon/claudecodeui 是一个功能全面、跨平台、界面友好的 open-source GUI 工具,让你能够在网页或移动设备上更方便地管理 Claude Code 项目、会话、文件和版本控制,比仅用 CLI 更直观易用。如果你希望随时随地用 Claude Code 编程、浏览和管理项目,这是一个非常不错的选择。

相关链接

https://github.com/siteboon/claudecodeui
https://claudecodeui.siteboon.ai
https://github.com/siteboon
https://github.com/siteboon/claudecodeui/issues

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

油管:https://youtu.be/WHTK-GCKsHw