CloudCLI（Claude Code UI）Skill：让 AI 编程 agent 跨越终端的浏览器工作台

Skill超级捕获手 技术创作者 2026-08-07 9 阅读

CloudCLI（Cloud Code UI）是这个 Skill 的名称——但它本质上是一个让你在浏览器、手机、远程服务器上运行 Claude Code / Cursor CLI / Codex 的开源 UI 工具壳。Anthropic 官方只提供终端版 Claude Code，许多开发者长期面临「我不想对着黑屏写代码」或「我需要移动端调试」的痛点。CloudCLI 用一套开源 Web UI + 桌面伴侣解决了这个问题，GitHub Star 突破 13,000 大关，是近期 AI 编程工具里增速最快的开源项目之一。

功能与原则

CloudCLI 不是一个独立的 AI 编程工具，它是一个统一外壳，把 Claude Code、Cursor CLI、Codex 等主流 AI coding agent 的操作界面搬到浏览器和移动端。核心设计原则：

  • 无环境依赖：不需要在本地配置 AI toolchain，直接通过 npx 或 Docker 启动
  • 跨设备一致：同一项目同一会话，在桌面、手机、网页看到的状态完全同步
  • 安全默认：所有 Claude Code 工具默认关闭，防止误操作；用户按需手动启用
  • 插件可扩展：完整的插件系统，第三方可自行开发 tab 页和后端集成

认可度

  • GitHub Star：约 13,152（截至 2026-08-07）
  • Forks：约 1,805
  • 最近版本：v1.37.0（2026-07-29），活跃维护中，约每两周一个 release
  • Trendshift 收录：曾在 GitHub Trending 多语言区上榜
  • SkillsMP 收录：作为「工具/基础设施」类 Skill 在 SkillsMP 有专属页面

链接

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

原作者

  • 主体维护者：siteboon（GitHub 账号）
  • 商业运营：cloudcli.ai 提供托管云服务（部分付费），开源版永久免费
  • 贡献者：社区多位贡献者参与插件和功能开发

介绍

CloudCLI 起源于一个简单需求：能不能在手机上跑 Claude Code？开发者 siteboon 做了第一个 Web UI 原型，放到 GitHub 后迅速传播。随着支持的 agent 越来越多（Cursor CLI、OpenCode、Codex），演变成了今天的跨平台 AI 编程工作台。

它的核心能力是把 AI coding agent 的终端交互体验完整迁移到 GUI 环境：交互式聊天、集成终端、文件浏览器（支持语法高亮和在线编辑）、Git 操作（commit、branch 切换）、浏览器自动化（Web 研究和测试）、会话管理和历史记录。所有这些功能在手机浏览器里体验和桌面端几乎一致。

此外，CloudCLI 还支持 Docker 沙箱隔离运行（npx cloudcli@latest sandbox），在 microVM 级别隔离环境里跑 agent，适合团队共享或高安全要求场景。云端托管版（cloudcli.ai）则提供 API 接口，可与 n8n 等自动化工具集成。

特点

  • 响应式全平台：桌面、平板、手机浏览器均可使用，无需安装 app
  • 交互式聊天界面：内置对话 UI，区别于终端的纯文字输出，支持富文本展示
  • 集成 Shell 终端：在 UI 内直接执行 CLI 命令，不需要切换窗口
  • 文件浏览器 + 在线编辑：语法高亮、实时编辑，支持项目级文件树导航
  • Git 可视化：stage、commit、branch 切换，不用记 git 命令
  • 浏览器自动化：内置 Browser Use，agent 可直接做 Web 研究和测试
  • 插件生态：社区贡献了 PRISM（会话洞察）、Token Cost Calculator（成本计算）、GitHub Issues Board 等插件
  • 模型兼容性：支持 Claude 全系和 GPT 全系模型，运行时通过 API 动态获取模型列表
  • 工具安全管控：工具按需启用，防止 agent 在自动化场景下误执行危险操作
  • 多部署方式：npx 免安装 / npm 全局安装 / Docker 沙箱 / 云端托管

使用方法

方式一：npx 免安装（最快）

npx @cloudcli-ai/cloudcli
# 打开 http://localhost:3001 即可

方式二：npm 全局安装

npm install -g @cloudcli-ai/cloudcli
cloudcli

方式三：Docker 沙箱隔离

npx @cloudcli-ai/cloudcli@latest sandbox ~/my-project
# 在 microVM 里运行 Claude Code，适合团队共享

桌面伴侣（可选）：GitHub Releases 提供 macOS / Windows 桌面应用，用于快速打开本地或云端工作区。

插件安装：在 Settings > Plugins 页面，输入 GitHub 仓库地址即可直接安装社区插件。

使用场景与人群

  • 移动办公开发者：在手机/平板上查看、编辑、继续 AI 辅助编程项目
  • 远程服务器用户：在无头服务器上通过浏览器运行 Claude Code，无需图形桌面
  • 团队协作：Docker 沙箱模式下，团队成员共享同一隔离环境，保持开发环境一致性
  • AI 编程新手：GUI 界面比纯终端更友好，降低 AI coding agent 的上手门槛
  • 自动化集成：通过 REST API 与 n8n、Zapier 等工具连接，实现定时任务和复杂工作流

输入与输出案例

案例一：移动端代码审查

用户（开发者）在地铁上打开手机浏览器，连接到 CloudCLI Cloud 上的一个 Claude Code 会话，输入：「帮我审查最近三个 commit 的代码改动」。

Claude Code 分析 diff，返回结果：哪些函数有潜在 Bug、哪次 commit 引入了一个性能问题、需要优先修哪个文件。开发者在手机上直接查看改动，点击文件直接跳到对应行。

案例二：Docker 沙箱远程协作

后端工程师 A 在本地启动沙箱：npx @cloudcli-ai/cloudcli@latest sandbox ~/backend-api，生成了一个隔离环境 URL。远程的工程师 B 打开 URL，无需自己安装 Claude，在浏览器里直接使用同一会话继续开发。所有工具调用和文件修改都在沙箱里，A 可以随时接管或复盘 B 的操作。

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

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

评论区

0 条评论

登录后可评论。

Skill超级捕获手 9 阅读