👉 这是一个或许对你有用的社群

🐱 一对一交流/面试小册/简历优化/求职解惑，欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料： 

• 《项目实战（视频）》：从书中学，往事中“练”

• 《互联网高频面试题》：面朝简历学习，春暖花开

• 《架构 x 系统设计》：摧枯拉朽，掌控面试高频场景题

• 《精进 Java 学习指南》：系统学习，互联网主流技术栈

• 《必读 Java 源码专栏》：知其然，知其所以然

👉这是一个或许对你有用的开源项目

国产Star破10w的开源项目，前端包括管理后台、微信小程序，后端支持单体、微服务架构

RBAC权限、数据权限、SaaS多租户、商城、支付、工作流、大屏报表、ERP、CRM、AI大模型、IoT物联网等功能：

• 多模块：https://gitee.com/zhijiantianya/ruoyi-vue-pro

• 微服务：https://gitee.com/zhijiantianya/yudao-cloud

• 视频教程：https://doc.iocoder.cn

【国内首批】支持 JDK17/21+SpringBoot3、JDK8/11+Spring Boot2双版本 

• 反向定位：让 AI 编程脱离「必须坐在电脑前」

• 横向对比：4 个 AI 编程交互方案怎么选

• 3 个真实使用场景：什么时候它顶用

• 接入 1 步：一行 npx 启动

• 3 种部署模式：本地 / 沙盒 / 云端

• 4 个真实使用边界

• 最后说一句

---

反向定位：让 AI 编程脱离「必须坐在电脑前」

用过 Claude Code 的人都知道——它强、上下文长、能跨文件改代码。但有一个根本性的不便 ：

• 所有交互都在终端里——黑框框；

• 想看历史会话？终端命令；

• 想看项目结构？敲 ls、tree；

• 想用手机看进度？基本没戏 。

这件事在「短任务」上还好——电脑前坐着等结果就行。但 AI 编程越来越多在长任务 上发力：让它跑测试、写一组接口、做一次大重构——任务跑半小时，你不可能盯着终端发呆 。

这次推荐的是一个 GitHub 10k+ Star 的开源项目（曾用名 Claude Code UI，现在叫 CloudCLI）——它的反向定位是「让 AI 编程脱离必须坐在电脑前」 ：

• Web UI ：浏览器进就行，桌面 / 平板 / 手机三端响应式；

• 远程访问 ：电脑跑任务，手机看进度，下班路上也能 review；

• 多 CLI 兼容 ：不只 Claude Code，Cursor CLI、Codex、Gemini CLI 都能套；

• 会话自动识别 ：本机所有 .claude 会话自动列出，切换不用手敲。

基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序，支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

• 项目地址：https://github.com/YunaiV/ruoyi-vue-pro

• 视频教程：https://doc.iocoder.cn/video/

横向对比：4 个 AI 编程交互方案怎么选

不是所有人都该上这个。先看自己在哪个象限：

方案	形态	移动端	多 CLI 支持	致命短板
原生 Claude Code 终端	命令行	❌	单一	手机基本没法用
Cursor / VS Code 集成	IDE	❌	单一 IDE	绑死电脑端
CC-GUI（IDEA 插件）	IDE 内嵌	❌	多 CLI	必须开 IDEA
CloudCLI（本文）	Web UI	✅	多 CLI	仍需有人开机或买它的云服务

判断很简单 ：

• 永远在电脑前写代码：原生终端 / IDE 集成够了；

• 经常出差 / 远程办公 / 想用手机看进度：这个 Web UI 是目前最干净的方案 ；

• 不熟命令行的同事 / PM 想看 AI 跑得怎样：让他们浏览器进，不用学终端；

• 团队需要共享一个 AI 编程实例：可以部署到团队共用服务器。

基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序，支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

• 项目地址：https://github.com/YunaiV/yudao-cloud

• 视频教程：https://doc.iocoder.cn/video/

3 个真实使用场景：什么时候它顶用

场景 1：长任务跑半小时，下班想路上看（最高频）

让 Claude Code 跑一个跨 30 个文件的重构——预计 30-60 分钟。以前的选择 ：守在电脑前等。现在 ：到点直接关电脑屏幕（任务在后台跑），打开手机浏览器看进度：

痛点 ：长任务把人钉在电脑前。收益 ：手机进 Web UI 看实时输出和文件变更，人和 AI 真正异步——去做别的事，回来 review 即可。

场景 2：会话太多，找不到要哪个

Claude Code 会话存在本地 .claude 文件夹——同时跟 5-6 个项目时，终端里翻找会话像翻黑暗中的笔记本 。

CloudCLI 自动扫描所有会话——左侧栏列出所有项目的所有会话 ，点击就切。历史对话、文件树、Git diff 一目了然。

场景 3：内置 Git diff 取代命令行 review

git diff 终端里看 100 行变更眼睛要瞎——CloudCLI 内置 Git 集成，红绿对比 + 文件树点击切换 ，比命令行直观 10 倍。发 PR 之前先在 Web UI 自审一遍 ，能少改几次后续。

接入 1 步：一行 npx 启动

前提 ：已装 Node.js 22+，本机有 Claude Code / Cursor CLI / Codex / Gemini CLI 任意一个。

一行启动 ：

npx @cloudcli-ai/cloudcli

启动后浏览器进 http://localhost:3001。CloudCLI 会自动扫本机所有 AI CLI 配置，零额外设置就能用。

要长期用就全局装 ：

npm install -g @cloudcli-ai/cloudcli
cloudcli

3 种部署模式：本地 / 沙盒 / 云端

模式 1：本地 npm 部署（最常用）

电脑上跑服务，浏览器访问 localhost。手机访问需要电脑和手机同一局域网 ——出门就用不了，是它的硬伤。

变通 ：把电脑接公网（端口转发 / 内网穿透 / Cloudflare Tunnel）即可全球访问。

模式 2：Docker 沙盒（实验性）

代理跑在隔离容器里——安全性更高，适合让 AI 跑不可信代码 。但仍在 beta，部分场景不稳。

模式 3：CloudCLI Cloud（付费）

官方云服务 ：自己不用开机、不用配公网，注册即用。**$7/月起** ——只是环境费，AI Token 还是用你自己的 Claude / Cursor 订阅。省心但要持续付费 。

不用云服务也完全免费——自己本地 / 自己服务器跑都行 。

4 个真实使用边界

边界 1：必须有一台开着的机器（最常见）

无论本地 npm / Docker，都要一台机器持续在线 ——电脑关机 = 手机访问不到。变通方案：① 让一台 NAS / 树莓派常驻；② 用 CloudCLI Cloud；③ 用 Cloudflare Tunnel + 笔记本不睡。

边界 2：文件操作功能默认禁用（常见，不要急着开）

默认安全策略 ——所有写文件 / 执行 shell 类操作都要在设置里手动开。这是好设计 ，别一上来就全部开启 ——AI 远程操作你的代码库要慎之又慎。

边界 3：暴露公网必须配认证（少见但破坏力大）

把它搬到公网服务器或用 Cloudflare Tunnel 时——没认证 = 任何人都能远程改你的代码 。修法 ：① 套一层 Basic Auth；② 走 Cloudflare Access / Zero Trust；③ 限定固定 IP 访问。

边界 4：插件生态还在早期（高级场景）

虽然支持插件系统，但目前可用插件不多——项目统计、终端增强等基础款。别期待和 VS Code 那种插件生态比 ——这是个 10k Star 的年轻项目，时间会改善这件事。

最后说一句

CloudCLI 的价值不是「Claude Code 的另一个壳」——是「让 AI 编程脱离必须守在电脑前」 。AI 跑长任务、人去做别的事，本来就该是异步的工作流。好的 AI 工具不是更强的 AI，是让人和 AI 真正异步协作的接口 。

仓库：github.com/siteboon/claudecodeui

---

欢迎加入我的知识星球，全面提升技术能力。

👉 加入方式，“长按”或“扫描”下方二维码噢：

星球的内容包括：项目实战、面试招聘、源码解析、学习路线。

文章有帮助的话，在看，转发吧。
谢谢支持哟 (*^__^*）