AI 编程工具已经很卷了，但有个问题一直没被很好解决：Claude Code、Cursor CLI、Codex、Gemini CLI 都是终端工具。你要么守在电脑前开终端，要么用远程控制，要么忍受官方 Web 版的功能阉割。
claudecodeui（也叫 CloudCLI UI）想解决的就是这个：给这些 CLI 套一个统一、响应式、可远程访问的 Web UI，让你在桌面浏览器、平板、手机上都能管理项目和会话。
1. 它解决什么问题
| 痛点 | 现状 | CloudCLI UI 的做法 |
|---|---|---|
| CLI 只能在终端用 | 必须开终端、本地机器要保持在线 | Web UI + 远程访问，浏览器打开就能用 |
| 多工具切换成本高 | Claude Code / Cursor CLI / Codex / Gemini CLI 各有各的界面和会话管理 | 一个 UI 统一接入四款主流 CLI |
| 移动端几乎不可用 | 终端在手机上体验很差 | 响应式设计，手机 / 平板也能操作 |
| 会话管理碎片化 | 每个 CLI 的 session 历史、项目状态各自分散 | 自动发现 ~/.claude 等目录里的所有 session，统一管理 |
| 文件 /Git 操作要切工具 | 看文件要 IDE，改代码要终端，提交要 Git CLI | 内置文件浏览器 + Git Explorer，不用切工具 |
2. 项目画像
| 维度 | 详情 |
|---|---|
| 仓库 | https://github.com/siteboon/claudecodeui |
| 别名 | CloudCLI UI / CloudCLI |
| 协议 | AGPL-3.0-or-later |
| 核心语言 | TypeScript（前端 Vite + 后端 server） |
| 包名 | @cloudcli-ai/cloudcli |
| Commits | 729（2026-06-25 仍在活跃提交） |
| 官网 | https://cloudcli.ai |
| 文档 | https://cloudcli.ai/docs |
| 社区 | Discord |
3. 核心功能
3.1 四合一 CLI 接入
不是只支持 Claude Code，而是同时支持：
- Claude Code
- Cursor CLI
- OpenAI Codex
- Gemini CLI
启动时可以在 UI 里选择使用哪个 CLI，不用分别安装和配置不同界面。
3.2 响应式设计：真·全平台
README 明确写了三个场景：
- Desktop View：主界面，项目总览 + 聊天
- Mobile Experience：响应式移动端，触控导航
- CLI Selection：在 Claude Code / Gemini / Cursor CLI / Codex 之间切换
这意味着你可以在手机上继续一个正在跑的任务，不用非得守在电脑前。
3.3 内置开发工具
| 能力 | 说明 |
|---|---|
| Interactive Chat | 内置聊天界面，跟 Agent 对话 |
| Integrated Shell | 直接访问 CLI 的 shell，不用开终端 |
| File Explorer | 交互式文件树 + 语法高亮 + 实时编辑 |
| Git Explorer | 查看变更、暂存、提交、切换分支 |
| Session Management | 恢复对话、管理多个 session、追踪历史 |
3.4 插件系统
CloudCLI 有插件机制，可以加自定义 tab、后端服务和集成。已有一批社区插件：
| 插件 | 功能 |
|---|---|
| Project Stats | 文件数、代码行数、文件类型分布、最大文件、最近修改 |
| Web Terminal | 全功能 xterm.js 终端，多 tab |
| Claude Watch | 监控长时间运行的 Claude Code session，防止卡死 |
| CloudCLI Scheduler | 定时 prompt，通过本地 Claude Code / Codex / Gemini CLI 执行 |
| PRISM CloudCLI | Session 智能分析，token 消耗可见性 |
| Token Cost Calculator | 根据模型价格和 token 用量计算 API 成本 |
| Task Queue | 任务队列面板，查看 / 过滤 / 启动 agent 任务 |
| GitHub Issues Board | Kanban 看板，双向同步 TaskMaster |
3.5 三种部署方式
| 方式 | 命令 / 入口 | 适合场景 |
|---|---|---|
| Self-hosted (npm) | npx @cloudcli-ai/cloudcli |
本地 agent session，自己机器运行 |
| Self-hosted (Docker Sandbox) | npx @cloudcli-ai/cloudcli@latest sandbox ~/my-project |
隔离 agent 环境，实验性 |
| CloudCLI Cloud | https://cloudcli.ai | 团队云端托管，$7/ 月起 |
一个关键设计：所有选项都使用你自己的 AI 订阅。CloudCLI 提供的是环境，不是 AI 能力。Claude、Cursor、Codex、Gemini 的订阅你自己付，CloudCLI 只收环境费或开源免费。
4. 与同类工具的定位差异
4.1 vs Claude Code Remote Control
Claude Code Remote Control 只能给 当前正在运行的单个 session 发消息，而且要求本机终端保持打开、机器保持在线，session 大约 10 分钟无网络就会超时。
CloudCLI UI 的不同之处：
- 管理所有 sessions，不只是当前活跃的一个
- 直接写入 Claude Code 配置，MCP servers、tool permissions、project config 改动即时生效
- 支持多 CLI，不只是 Claude Code
- 完整 UI，不只是聊天窗口，还有文件浏览器、Git、终端
- Cloud 模式：关掉笔记本，agent 继续跑
4.2 vs OpenClaw
OpenClaw 是 Gateway 形态的多通道 Agent 框架，支持 WhatsApp/Telegram/Discord/iMessage 等接入，一个 Gateway 服务管所有通道。
CloudCLI UI 是 CLI 的 Web UI 包装层，聚焦在“把终端里的编程 agent 搬到浏览器里”。
两者不是竞争关系，而是互补：
– 如果你需要
多通道消息 + 多 Agent 协作，选 OpenClaw
– 如果你已经有 Claude Code / Cursor CLI / Codex / Gemini CLI，想要
更好的本地 / 远程访问界面，选 CloudCLI UI
4.3 vs Cursor IDE / Claude Code 官方客户端
| 工具 | 形态 | 优势 | 劣势 |
|---|---|---|---|
| Cursor IDE | 完整 IDE | 代码补全、可视化 diff、Cloud Agents | 必须下载 IDE，重 |
| Claude Code 官方 | CLI | 终端原生、轻量 | 无 GUI，移动端几乎不可用 |
| CloudCLI UI | Web UI | 轻量、响应式、远程、多 CLI | 不是完整 IDE，补全能力依赖底层 CLI |
5. 快速上手
5.1 本地自托管
# 直接运行，无需安装
npx @cloudcli-ai/cloudcli
# 或全局安装
npm install -g @cloudcli-ai/cloudcli
cloudcli
打开 http://localhost:3001，它会自动发现 ~/.claude 目录里的所有 sessions。
5.2 Docker 隔离沙箱
npx @cloudcli-ai/cloudcli@latest sandbox ~/my-project
超管级隔离（microVM），默认跑 Claude Code，也支持 Codex 和 Gemini CLI。
5.3 云端托管
直接访问 https://cloudcli.ai，不用自己部署，适合不想维护环境的用户。$7/ 月起，支持浏览器、API、n8n 集成。
6. 适用场景与边界
最适合
- 多 CLI 用户：同时用 Claude Code + Cursor CLI + Codex，不想在多个终端之间切
- 远程 / 移动办公：需要在手机或平板上继续 agent 任务
- 轻量 Web UI 需求：不想下载完整 IDE，只想要一个能管理 session、看文件、跑命令的界面
- 团队共享：CloudCLI Cloud 支持团队环境共享
需要留意的边界
- AGPL-3.0 协议：如果你基于它做二次分发或 SaaS，需要遵守 AGPL-3.0，比 MIT/Apache 更严格
- 不是 IDE：没有 Cursor 级别的代码补全、重构可视化、debugger 集成
- 依赖底层 CLI：CloudCLI UI 是 UI 层，AI 能力来自 Claude Code / Cursor CLI / Codex / Gemini CLI 本身
- Docker 沙箱还在实验性阶段：生产环境建议先用 npm 自托管或 Cloud 版
- 安全默认策略 ：Claude Code 的工具默认是 禁用 的，需要手动在 Settings 里启用，避免自动执行危险操作
7. 为什么它值得关注
CloudCLI UI 的流行反映了一个趋势：AI 编程工具的竞争正从“模型能力”转向“使用体验”。
Claude Code 已经很强了，但它被锁在终端里。Cursor 体验好，但它是 IDE，重且专有。CloudCLI UI 走了一条中间路线：保留 CLI 的灵活性和模型选择自由，加上 Web UI 的跨平台访问能力。
对飞熊来说，这个项目的技术品牌价值在于：它精准切中了“AI 编程工具体验痛点”，而且 不是又一个 agent 框架 ，而是一个 实用的 UI 层产品。这种“小而准”的工具往往更容易获得开发者社区的青睐。
8. 总结
| 指标 | 数值 |
|---|---|
| 仓库 | https://github.com/siteboon/claudecodeui |
| 别名 | CloudCLI UI / CloudCLI |
| 协议 | AGPL-3.0-or-later |
| 核心语言 | TypeScript |
| 支持 CLI | Claude Code / Cursor CLI / Codex / Gemini CLI |
| 部署方式 | npm / Docker Sandbox / Cloud |
| 核心功能 | Web UI + 响应式 + 文件浏览器 + Git + 终端 + 插件系统 |
| 插件生态 | 8+ 官方 / 社区插件 |
| 云端价格 | $7/ 月起（自带 AI 订阅） |
| 本地价格 | 免费开源 |
如果你受够了“为了用 Claude Code 必须开终端”，又不想为了一个轻量任务下载完整 IDE，CloudCLI UI 值得一试。它不是 IDE，但它是目前 多 CLI 统一 Web 界面 里最完整、最活跃的方案。
项目地址：https://github.com/siteboon/claudecodeui
官网：https://cloudcli.ai
文档：https://cloudcli.ai/docs