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/21SpringBoot3、JDK8/11Spring 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 CodeCursor 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-GUIIDEA 插件IDE 内嵌❌多 CLI必须开 IDEACloudCLI本文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 取代命令行 reviewgit 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即可全球访问。模式 2Docker 沙盒实验性代理跑在隔离容器里——安全性更高适合让 AI 跑不可信代码。但仍在 beta部分场景不稳。模式 3CloudCLI Cloud付费CLI 选择界面官方云服务自己不用开机、不用配公网注册即用。**$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欢迎加入我的知识星球全面提升技术能力。 加入方式“长按”或“扫描”下方二维码噢星球的内容包括项目实战、面试招聘、源码解析、学习路线。文章有帮助的话在看转发吧。 谢谢支持哟 (*^__^*