Claude Code 终于能在手机上跑了：10k Star 开源 UI，浏览器一进就有
👉这是一个或许对你有用的社群
🐱 一对一交流/面试小册/简历优化/求职解惑，欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料：
《项目实战（视频）》：从书中学，往事中“练”
《互联网高频面试题》：面朝简历学习，春暖花开
《架构 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 cloudcli3 种部署模式：本地 / 沙盒 / 云端
模式 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
欢迎加入我的知识星球，全面提升技术能力。
👉 加入方式，“长按”或“扫描”下方二维码噢：
星球的内容包括：项目实战、面试招聘、源码解析、学习路线。
文章有帮助的话，在看，转发吧。 谢谢支持哟 (*^__^*）