把 Claude Code 装进浏览器，打造你的个人 AI 编程驾驶舱

ccInOne把 Claude Code 装进浏览器打造你的个人 AI 编程驾驶舱一个命令启动浏览器里管理所有 Claude Code 项目。开源、零依赖、Windows 原生。这是什么ccInOne是一个 Windows 原生的 Claude Code Web 控制台。你在终端里用claude命令写代码时间久了项目一多会话一多Bash 里翻~/.claude/projects/找历史会话会非常痛苦。ccInOne 解决了这个问题一个命令启动浏览器里管理所有 Claude Code 项目、会话、对话。像 ChatGPT 一样聊背后是 Claude Code。为什么做这个三个痛点驱动1. 历史会话难找Claude Code 把会话存成 JSONL 文件散落在项目目录里。想找回三天前和 AI 讨论架构的那段对话——得在文件系统里翻半天。ccInOne 自动扫描所有项目按最近活动排序一个页面全看到。2. 终端里读代码太累AI 输出的代码块、markdown、tool call 结果在黑白终端里堆在一起。ccInOne 渲染代码高亮、折叠 tool call、支持 markdown 排版像读文档一样读 AI 输出。3. 跨设备用不了Claude Code 绑定终端。想用手机或平板查看 AI 生成的方案ccInOne 启动后局域网都能访问。和 Claude Code 原生界面有什么区别对比维度Claude Code 终端ccInOne使用方式命令行claude浏览器http://127.0.0.1:3209项目管理无需手动切换目录自动扫描左侧列表一键切换历史会话文件系统翻 JSONL列表查看搜索分页加载代码渲染终端 ANSI语法高亮 markdown tool call 折叠移动端不支持浏览器访问适配移动布局多项目一个终端一个项目一屏管理所有项目核心功能项目管理自动发现本机所有 Claude Code 项目按最近活动排序收藏常用项目置顶。会话管理新建、继续、隐藏会话。支持滚到顶自动加载更早消息几千条历史消息也能流畅翻阅。代码阅读优化代码块语法高亮JetBrains Mono等宽字体Tool call 折叠显示点击展开查看详情Markdown 完整渲染表格、引用、列表消息区保留衬线字体 —— 长文阅读更舒适命令输入区桌面端嵌入式 command dock移动端底部固定44x44 触摸友好发送按钮。技术架构浏览器 → control-plane (Web UI API 网关) → CC adapter (HTTP API) → Claude CLI三个进程零外部依赖不依赖 npm 包纯 Node.js 内置模块control-plane渲染 Web UI转发 API 请求CC adapter管理 Claude Code 会话启动claude子进程Claude CLI执行实际的 AI 推理一键部署前提Windows 10/11Node.jssetup.ps1会自动检测未安装则引导安装Claude Code CLI已登录claude三步启动git clone gitgitcode.com:gcw_A202cbBm/ai-cli.git cd ai-cli.\setup.ps1setup.ps1会自动完成检测 Node.js 和 Claude CLI 是否就绪自动从环境变量读取 API 配置无需手动填 key检测端口可用性Windows 保留端口自动切换备用端口启动服务并打开浏览器完成后浏览器自动打开http://127.0.0.1:3209。手动启动.\start-ccinone.ps1# 备用端口$env:PORT13209;$env:CC_PORT13212;.\start-ccinone.ps1安全性安全措施说明纯本地运行所有服务绑定127.0.0.1不暴露到公网无认证单用户场景已去除审批机制API Key 不入库从环境变量/配置文件读取.gitignore已排除零外部依赖不使用 npm 包代码完全透明不收集数据无遥测、无统计、不上传任何信息如果你需要局域网内其他设备访问防火墙放行端口即可setup.ps1会提示命令。设计风格Quiet Dev Console— 安静、精密、低对比。暖灰底色#f5f1eb长时间看不刺眼烧陶红#b84a2c作为唯一强调色UI 控制区无衬线对话正文保留衬线可读性优先代码区深色底与正文区分明确开源地址GitCodegitgitcode.com:gcw_A202cbBm/ai-cli.git如果觉得有用欢迎点赞、转发、评论、关注。