claudecodeui README

The project's README from github.com/siteboon/claudecodeui. As one markdown file: README.md.

CloudCLI UI

Cloud CLI (aka Claude Code UI)

A desktop and mobile UI for Claude Code, Cursor CLI, and Codex.
Use it locally or remotely to view your active projects and sessions from everywhere.

CloudCLI Cloud · Documentation · Discord · Bug Reports · Contributing

CloudCLI Cloud Join our Discord

siteboon%2Fclaudecodeui | Trendshift

English · Русский · Deutsch · 한국어 · 简体中文 · 繁體中文 · 日本語 · Türkçe

Screenshots

Desktop View

Desktop Interface
Main interface showing project overview and chat

Mobile Experience

Mobile Interface
Responsive mobile design with touch navigation

CLI Selection

CLI Selection
Select between Claude Code, Cursor CLI and Codex

Features

Quick Start

The fastest way to get started — no local setup required. Get a fully managed, containerized development environment accessible from the web, mobile app, API, or your favorite IDE.

Get started with CloudCLI Cloud

Self-Hosted (Open source)

npm

Try CloudCLI UI instantly with npx (requires Node.js v22+):

npx @cloudcli-ai/cloudcli

Or install globally for regular use:

npm install -g @cloudcli-ai/cloudcli
cloudcli

Open http://localhost:3001 — all your existing sessions are discovered automatically.

Visit the documentation → for full configuration options, PM2, remote server setup and more.

Docker Sandboxes (Experimental)

Run agents in isolated sandboxes with hypervisor-level isolation. Starts Claude Code by default. Requires the sbx CLI.

npx @cloudcli-ai/cloudcli@latest sandbox ~/my-project

Supports Claude Code and Codex. See the sandbox docs for setup and advanced options.

Desktop Companion App

CloudCLI Desktop is an optional native companion for CloudCLI Cloud and Local CloudCLI. It ships from this repository's GitHub Releases and keeps CloudCLI available from your menu bar or tray.

Use it to open CloudCLI Cloud environments, switch between local and remote workspaces, and copy mobile/browser URLs. To work locally, choose Local CloudCLI in the desktop app; it will use your running local server or start one for you.


Which option is right for you?

CloudCLI UI is the open source UI layer that powers CloudCLI Cloud. You can self-host it on your own machine, run it in a Docker sandbox for isolation, or use CloudCLI Cloud for a fully managed environment.

Self-Hosted (npm) Self-Hosted (Docker Sandbox) (Experimental) CloudCLI Cloud
Best for Local agent sessions on your own machine Isolated agents with web/mobile IDE Teams who want agents in the cloud
How you access it Browser via [yourip]:port Browser via localhost:port Browser, any IDE, REST API, n8n
Setup npx @cloudcli-ai/cloudcli npx @cloudcli-ai/cloudcli@latest sandbox ~/project No setup required
Isolation Runs on your host Hypervisor-level sandbox (microVM) Full cloud isolation
Machine needs to stay on Yes Yes No
Mobile access Any browser on your network Any browser on your network Any device
Desktop companion Optional. Choose Local CloudCLI Optional. Choose Local CloudCLI Optional. Opens cloud environments
Agents supported Claude Code, Cursor CLI, Codex Claude Code, Codex Claude Code, Cursor CLI, Codex
File explorer and Git Yes Yes Yes
MCP configuration Synced with ~/.claude Managed via UI Managed via UI
REST API Yes Yes Yes
Team sharing No No Yes
Platform cost Free, open source Free, open source Starts at €7/month

All options use your own AI subscriptions (Claude, Cursor, etc.) — CloudCLI provides the environment, not the AI.


Security & Tools Configuration

🔒 Important Notice: All Claude Code tools are disabled by default. This prevents potentially harmful operations from running automatically.

Enabling Tools

To use Claude Code's full functionality, you'll need to manually enable tools:

  1. Open Tools Settings - Click the gear icon in the sidebar
  2. Enable Selectively - Turn on only the tools you need
  3. Apply Settings - Your preferences are saved locally

Tools Settings Modal Tools Settings interface - enable only what you need

Recommended approach: Start with basic tools enabled and add more as needed. You can always adjust these settings later.


Plugins

CloudCLI has a plugin system that lets you add custom tabs with their own frontend UI and optional Node.js backend. Install plugins from git repos directly in Settings > Plugins, or build your own.

Available Plugins

Plugin Description
Project Stats Shows file counts, lines of code, file-type breakdown, largest files, and recently modified files for your current project
Web Terminal Full xterm.js terminal with multi-tab support
Claude Watch Watches long-running Claude Code sessions for hangs and exposes process controls
CloudCLI Scheduler Create workspace-scoped scheduled prompts and execute them through a local CLI such as Codex or Claude Code
PRISM CloudCLI Session intelligence for Claude Code inside CloudCLI, including token burn visibility
Sessions View, manage, and kill active Claude Code sessions
Token Cost Calculator Calculate API costs from model prices and token usage, with preset model pricing support
Task Queue Task queue dashboard to view, filter, and launch agent tasks
GitHub Issues Board Kanban board for GitHub Issues with bidirectional TaskMaster sync and /github-task CLI skill auto-install

Build Your Own

Plugin Starter Template → — fork this repo to create your own plugin. It includes a working example with frontend rendering, live context updates, and RPC communication to a backend server.

Plugin Documentation → — full guide to the plugin API, manifest format, security model, and more.


FAQ

How is this different from Claude Code Remote Control?

Claude Code Remote Control lets you send messages to a session already running in your local terminal. Your machine has to stay on, your terminal has to stay open, and sessions time out after roughly 10 minutes without a network connection.

CloudCLI UI and CloudCLI Cloud extend Claude Code rather than sit alongside it — your MCP servers, permissions, settings, and sessions are the exact same ones Claude Code uses natively. Nothing is duplicated or managed separately.

Here's what that means in practice:

  • All your sessions, not just one — CloudCLI UI auto-discovers every session from your ~/.claude folder. Remote Control only exposes the single active session to make it available in the Claude mobile app.
  • Your settings are your settings — MCP servers, tool permissions, and project config you change in CloudCLI UI are written directly to your Claude Code config and take effect immediately, and vice versa.
  • Works with more agents — Claude Code, Cursor CLI and Codex, not just Claude Code.
  • Full UI, not just a chat window — file explorer, Git integration, MCP management, and a shell terminal are all built in.
  • CloudCLI Cloud runs in the cloud — close your laptop, the agent keeps running. No terminal to babysit, no machine to keep awake.
Do I need to pay for an AI subscription separately?

Yes. CloudCLI provides the environment, not the AI. You bring your own Claude, Cursor, or Codex subscription. CloudCLI Cloud starts at €7/month for the hosted environment on top of that.

Can I use CloudCLI UI on my phone?

Yes. For self-hosted, run the server on your machine and open [yourip]:port in any browser on your network. For CloudCLI Cloud, open it from any device — no VPN, no port forwarding, no setup. A native app is also in the works.

Will changes I make in the UI affect my local Claude Code setup?

Yes, for self-hosted. CloudCLI UI reads from and writes to the same ~/.claude config that Claude Code uses natively. MCP servers you add via the UI show up in Claude Code immediately and vice versa.


Community & Support

License

GNU Affero General Public License v3.0 or later (AGPL-3.0-or-later) — see LICENSE for the full text, including additional terms under Section 7.

This project is open source and free to use, modify, and distribute under the AGPL-3.0-or-later license. If you modify this software and run it as a network service, you must make your modified source code available to users of that service.

CloudCLI UI - (https://cloudcli.ai).

Acknowledgments

Built With

Sponsors


Made with care for the Claude Code, Cursor and Codex community.

claudecodeui (siteboon/claudecodeui)

Searching Database…

这是什么?CloudCLI(也叫 Claude Code UI)是一个开源的网页和移动端界面,用于远程管理 Claude Code、Cursor CLI 和 Codex 编程智能体会话,内置聊天界面、文件浏览器、Git 集成和 Shell 终端。
这是托管服务,还是需要自己运行的软件?两者都有:它是一个可以自行部署的开源界面(通过 npm 或实验性的 Docker 沙箱),你也可以使用 CloudCLI Cloud,这是同一环境的付费托管版本。
怎样才能让它运行起来?可以用 npx 立即运行(需要 Node.js v22+),也可以全局安装以便日常使用;在浏览器中打开后,会自动发现你已有的智能体会话。另外还提供 Docker 沙箱模式和托管的 CloudCLI Cloud 选项。
我需要自己的 Claude、Cursor 或 Codex 订阅吗?需要。CloudCLI 只提供运行环境,不提供 AI 能力,所以你需要自备 Claude、Cursor 或 Codex 订阅;使用 CloudCLI Cloud 还需额外支付它的托管费用。
Claude Code 的工具会自动启用吗?不会。出于安全考虑,所有 Claude Code 工具默认都是禁用的,你需要进入设置,手动只启用你想使用的工具。
我可以用手机访问吗?可以。自行部署时,在同一网络的任何浏览器中打开 [yourip]:port 即可;使用 CloudCLI Cloud 则无需 VPN 或端口转发,任何设备都能打开。原生移动应用也在开发中。
如果我修改了代码,AGPL 许可证是什么意思?它采用 AGPL-3.0-or-later 许可证,意味着如果你修改了源代码并将其作为网络服务运行,就必须向该服务的用户提供你修改后的源代码。
这和 Claude Code 内置的 Remote Control 功能有什么不同?Remote Control 只能显示一个活动会话,离线约 10 分钟后就会超时。CloudCLI 会自动发现 ~/.claude 文件夹中的每一个会话,共享相同的设置和 MCP 服务器,还增加了完整的文件浏览器、Git 集成和 Shell 终端,并支持 Cursor CLI 和 Codex。
开箱即用的插件有哪些?CloudCLI 提供可扩展的插件系统,内置现成插件,包括 Project Stats、Web Terminal、Claude Watch、CloudCLI Scheduler、PRISM、Sessions、Token Cost Calculator、Task Queue 和 GitHub Issues 看板,你也可以基于入门模板开发自己的插件。
什么是 CloudCLI Desktop?这是一个可选的原生配套应用,适用于 macOS 和 Windows,常驻在菜单栏或系统托盘中。无需使用浏览器,就能打开 CloudCLI Cloud 环境,或切换到本地 CloudCLI 服务器。
我能在隔离的沙箱中运行智能体,而不是直接在我的电脑上运行吗?可以。实验性的 Docker 沙箱模式会通过 sbx CLI,以虚拟机监控器级别的 microVM 隔离方式运行 Claude Code 或 Codex,启动命令为 'npx @cloudcli-ai/cloudcli@latest sandbox ~/project'。
Creator
siteboon
Size
18.5 MB
Stars
14.1K
Age
1y
Commits · 90 Days