在 AI 编程席卷开发界的今天，我们已经习惯了与 Claude Code 或 Codex 协作。但一个隐形的“枷锁”依然存在：这些强大的 AI Agent 通常被困在你的 CLI（命令行）窗口里，而那个窗口又被困在你办公室的某台电脑上。一旦你离开座位，开发进程就此中断，切换设备往往意味着需要重新接管环境，而不是简单地继续工作。
Coder Studio 的出现正是为了打破这种限制。作为一个现代化的 AI 原生编程工作空间，它将文件管理、终端操作和智能 Agent 工作流整合进一个统一的 Web 界面，核心理念只有一句话：一次部署，随时随地编程 (Deploy once, code everywhere) 。
场景化体验：丝滑流转的开发节奏
借助 Coder Studio，你的工作流将不再被固定在特定的桌面或设备上：
- 在办公室：启动服务，打开项目，创建一个 Claude 或 Codex 会话，让 Agent 开始执行复杂的重构任务。
- 在通勤中：只需打开手机浏览器，即可实时查看 Agent 的输出进度、Session 状态和 Git 变更。
- 在沙发上：使用平板电脑轻松浏览文件树、检查代码 Diff 并确认终端输出。
- 在任何地方：换台笔记本电脑连入同一个 URL，无需任何环境迁移，原汁原味的上下文和会话历史都在原处等着你。
核心功能：不只是连接，更是全能中心
Coder Studio 深度整合了开发者最核心的工具链，让你在浏览器中就能获得原生 IDE 般的体验：
- 一体化 Workspace：在一个界面内同时观察文件树、代码编辑器、Git 视图和 Agent 执行状态，大幅减少在 CLI 和编辑器间切换的上下文损耗。
- 多 Agent 会话管理：支持同时运行多个 Claude 或 Codex 会话，你可以根据任务需求选择最合适的 Agent，并并行监控它们的进度。
- 深度 Git 集成：直接在工作空间内检查分支、查看变更文件并进行代码 Diff 对比。
- 双模终端支持：同时提供 Agent 专用终端和标准的 Shell 终端，方便你随时手动验证 AI 的输出或运行本地命令。
- 多端自动适配：界面针对桌面、平板和手机进行了专门优化。桌面端支持完整的多面板布局，移动端则聚焦于状态监控与输出查看。
快速上手：三步开启“流动编程”
Coder Studio 坚持本地运行 (Runs locally) ，这意味着你的代码和数据完全由你自己掌控，无需依赖第三方云端 IDE。
安装要求：
- Node.js >= 24.0.0。
- （可选）安装 Claude Code CLI 或 OpenAI Codex CLI 以启用 AI Agent 功能。
上手步骤：
- 部署：在你的主力机器上启动 Coder Studio 服务。
- 连接：在任何设备的浏览器中访问服务 URL，点击 “Open Workspace” 。
- 协作：选择项目目录并创建 Agent 会话，即可开始体验无缝的 AI 协作开发。
注：即使尚未安装 Agent CLI，你依然可以使用其强大的 UI 来浏览文件和操作终端 。
技术内幕
Coder Studio 基于现代技术栈构建，确保了极高的响应速度与稳定性：React + Vite 驱动的前端、Fastify + WebSocket 构建的后端，并使用 Monaco Editor 和 xterm.js 提供极致的编辑与终端体验。
立刻释放你的生产力，让 AI 编程随你而动。
项目开源地址： spencerkit/coder-studio
