Coder Studio, made for vibe coding.
Run Claude Code and Codex in one workspace. Keep your terminal, files, Git view, and AI sessions available from any device.
- One browser workspace for vibe coding — Keep terminal, files, Git, and agent sessions in one place.
- Built for device switching — Start on desktop, continue on tablet, and check progress from your phone.
- Objective-driven multi-step orchestration — Let Supervisor steer long-running AI tasks so you do not have to babysit every turn, reduce repetitive manual prompting, and get more consistent outcomes.
Vibe coding agents are powerful, but the raw workflow is still fragmented:
- the agent runs in one terminal
- files and diffs live in another editor
- verification happens in separate shell tabs
- long-running tasks are hard to monitor away from your desk
- mobile access usually means SSH or remote desktop
Coder Studio turns that scattered workflow into one local browser workspace.
| Pain | Without Coder Studio | With Coder Studio |
|---|---|---|
| Long agent tasks | Watch a terminal or come back later and reconstruct context | Keep sessions, terminal output, files, and Git changes visible in one workspace |
| Cross-device work | Use SSH, remote desktop, or rebuild context on another machine | Reopen the same local workspace from desktop, tablet, or phone |
| Reviewing AI changes | Jump between terminal, editor, and Git tools | Inspect files and diffs beside the agent session |
| Multiple agents | Manage separate terminal windows and histories | Run Claude and Codex sessions side by side in one workspace |
| Local-first control | Move work into a hosted IDE or cloud VM | Keep the runtime and project files on your own machine |
# Install globally
npm install -g @spencer-kit/coder-studio
# Launch the workspace
coder-studio openYour browser opens automatically. Select your project folder and start working with Claude Code or OpenAI Codex.
No AI CLI installed yet? You can still browse files and use the terminal. Install Claude Code or Codex later when needed.
- Start an Agent task at the office, check progress on your phone during commute
- Review code changes on a tablet without opening your laptop
- Continue work from a home computer with zero setup
- Let Supervisor push multi-step tasks toward an objective without constant babysitting
- Check evaluation cycles and follow-up actions from your phone instead of watching terminal output
- Reduce repetitive prompting and manual coordination during long agent runs
- Run Claude Code and Codex sessions side by side
- Keep terminal, editor, Git, and supervisor state in one unified interface
- Resume active AI work from another device without rebuilding context
| Device | Best For |
|---|---|
| 🖥️ Desktop | Full coding sessions, file editing, diff review, panel management |
| 📱 Tablet | Code review, Agent progress tracking, file browsing |
| 📲 Phone | Quick status checks, terminal output monitoring, session viewing |
The same workspace URL works across all devices — interface adapts automatically.
Desktop Interface
Mobile Interface
| Feature | Description |
|---|---|
| Cross-Device Workspace | Reopen the same coding environment from desktop, tablet, or phone without rebuilding context |
| Supervisor Loops | Run objective-driven evaluation and follow-up cycles for long AI tasks with less manual babysitting |
| Claude Code + Codex | Use both agent CLIs inside one workspace instead of splitting your workflow across separate tools |
| Unified Terminal, Editor, and Git | Keep PTY terminals, Monaco editing, diffs, and changed files in one browser UI |
| Responsive Workspace UI | Use layouts tuned for desktop, tablet, and mobile instead of a desktop-only interface squeezed onto small screens |
| Session Continuity | Resume active sessions and keep AI work visible across device switches |
| Local-First Runtime | Keep code and runtime on your machine instead of relying on a cloud IDE |
| Dependency | Version | Notes |
|---|---|---|
| Node.js | ≥ 24.0.0 | Required for running Coder Studio |
| Claude Code CLI | Latest | Optional — for Claude Agent sessions |
| OpenAI Codex CLI | Latest | Optional — for Codex Agent sessions |
| Resource | Description |
|---|---|
| Quick Start Guide | Installation to first workspace |
| App Overview | Core concepts and features |
| Provider Setup | Claude Code / Codex CLI installation |
| Desktop Guide | PC interface and shortcuts |
| Mobile & Remote Access Guide | Phone / tablet usage, LAN access, Tailscale/ngrok/Cloudflare Tunnel |
| Common Workflows | Task-based tutorials |
| Troubleshooting | FAQ and known issues |
| CLI Reference | Command-line options |
| GitHub Wiki Source | Wiki pages for product positioning, security, and workflows |
| AI Coding Terms | Vibe coding, agentic harnesses, eval harnesses, and where Coder Studio fits |
- AI Coding Power Users — Daily Claude Code / Codex users who want better session management
- Multi-Device Developers — Switch between office, home, and mobile devices frequently
- Developers Running Long AI Tasks — Want Supervisor to keep multi-step work moving without constant babysitting
- Privacy-Conscious Developers — Want code to stay on local machine, not cloud IDE
- Web-based terminal streaming optimization
- Session replay and history navigation
- Multi-workspace management
- Plugin system for custom integrations
- Cloud sync for workspace preferences
We welcome contributions! See Contributing Guide for details.
git clone https://github.com/spencerkit/coder-studio.git
pnpm install
pnpm dev| Layer | Technology |
|---|---|
| Frontend | React, Vite, Jotai |
| Backend | Fastify, WebSocket |
| Terminal | xterm.js, node-pty |
| Editor | Monaco Editor |
| Storage | SQLite (node:sqlite) |
MIT License — see LICENSE for details.
ai coding assistant browser ide claude code codex remote development web-based ide self-hosted ide cross-device coding ai agent workspace local-first development mobile coding tablet coding developer tools terminal in browser git web interface monaco editor websocket terminal ai pair programming coding anywhere cloud ide alternative


