Claude Code UI 让你在浏览器管理全部 Claude Code 会话,免费开源

发布时间:2026/9/12 21:32:27
Claude Code UI 让你在浏览器管理全部 Claude Code 会话,免费开源 Claude Code UI 让你在浏览器管理全部 Claude Code 会话免费开源【免费下载链接】claudecodeuiUse Claude Code, OpenCode, Cursor CLI, and Codex on mobile and web with CloudCLI (aka Claude Code UI). CloudCLI is a free open source webui/GUI that helps you manage your Claude Code session and projects remotely.项目地址: https://gitcode.com/GitHub_Trending/cl/claudecodeui出门在外或离开工位时跑在电脑上的 AI 编码任务你只能干等。Claude Code UICloudCLI就是为了解决这件事它把 Claude Code、Cursor CLI、Codex 这些命令行 AI 工具包进一个免费开源的 Web 界面让你在浏览器或手机上就能管理所有编码会话和项目。初识 Claude Code UI它是 AI 编码助手的 Web 图形界面会自动发现你电脑里已有的全部会话把 AI 读文件、跑命令等操作直接展示在对话里并内置文件树、Git 面板和 Shell 终端。适合天天用 Claude Code 命令行开发的程序员也适合需要离开电脑后仍想跟进任务的人。三步启动 Claude Code UI 把仓库克隆到电脑需要 Node.js v22 及以上git clone https://gitcode.com/GitHub_Trending/cl/claudecodeui进入仓库目录运行npx cloudcli-ai/cloudcli也可以先npm install -g cloudcli-ai/cloudcli再敲cloudcli。浏览器打开http://localhost:3001历史会话会自动列出来不用额外配置。 功能走查从日常对话到权限管理点一下打开历史会话对话里看清工具调用左侧栏列出所有项目和会话点击即可切换也可以随时新建。AI 的读文件、写文件、执行命令都会以卡片形式展示展开能看到输入参数和返回结果不用再去翻终端日志。在浏览器里直接浏览和编辑项目文件内置文件树支持语法高亮和在线编辑对话里用 就能引用文件省去复制路径。前端实现位于 src/modules/file-tree/。Git 面板查看改动、暂存并提交代码切到 Source Control 标签页可以看 diff、暂存文件、写提交信息也能切换分支整个版本控制流程不用离开浏览器。后端接口实现在 server/modules/git/git.routes.ts。用白名单配置工具权限防止 AI 越界操作所有 Claude Code 工具默认都是关闭的。点侧边栏齿轮打开工具设置把 Read、Write、Bash(git log:*) 这类常用工具加进白名单危险工具放进禁止列表。还有一个“跳过权限确认”的开关等效于--dangerously-skip-permissions新手建议先别碰。实战在通勤路上修一段代码在电脑上让 Claude Code 复现一个 bug然后出门。手机浏览器输入电脑 IP打开的是同一个界面AI 的每一步进展你都看得到。直接回复让它补个测试用例改完后在 Git 面板确认 diff到家直接提交全程不用守着电脑。使用前的 3 个提醒本地部署要开机自托管模式下服务器跑在你电脑上关机或断网手机就连不上会话。AI 订阅要自备CloudCLI 只提供界面环境模型仍走你自己的 Claude、Cursor 或 Codex 登录。权限从最小开始开只启用当前任务需要的工具别图省事全开尤其慎用跳过确认的开关。Claude Code UI 把 AI 编码命令行变成了一个随时能管、处处能看的界面先跑一条 npx 命令试试吧。【免费下载链接】claudecodeuiUse Claude Code, OpenCode, Cursor CLI, and Codex on mobile and web with CloudCLI (aka Claude Code UI). CloudCLI is a free open source webui/GUI that helps you manage your Claude Code session and projects remotely.项目地址: https://gitcode.com/GitHub_Trending/cl/claudecodeui创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

关于本文作者

来自尧图内容编辑团队

尧图内容编辑团队 内容团队

尧图内容编辑团队

本文由尧图网络内容编辑团队执笔。团队由资深项目经理、前端工程师与设计师组成,所有内容均来自亲手交付的真实项目,先讲清问题、再给出可落地的解法。尧图深耕北京网站建设十年,服务过京华建材集团、智造科技等各行业客户,把一线经验沉淀为可复用的行业观察。

  • 十年建站经验,覆盖建材、制造、服务、文创等
  • 项目经理把关选题与事实准确性
  • 工程师与设计师联合撰写专业细节
  • 统一编辑规范,保证文风与排版一致
  • 每月复盘转化数据,迭代选题方向

延伸阅读

相关资讯与近期热门内容

深度阅读推荐

建站决策前值得细读的三篇

网站改版的5个关键决策
2024-08-12

网站改版的5个关键决策

什么时候该改版、改到什么程度、如何避免流量掉光,京华建材集团改版复盘给出答案。

获取专属建站方案

看完文章,把您的行业与预算告诉我们,免费获取一份量身定制的官网建设方案与报价。

立即免费咨询