Skip to content

spencerkit/coder-studio

Repository files navigation

Coder Studio Logo

Coder Studio

A browser-based AI coding workspace for developers who move between desktop, tablet, and phone.

Run Claude Code and Codex in one workspace. Keep your terminal, files, Git view, and AI sessions available from any device.

npm version License: MIT Node.js GitHub Stars

View Workspace · Quick Start · Star on GitHub

中文说明 | Documentation

Workspace Preview

Preview the full workspace layout built for AI coding, supervision, and device switching.

Why It Feels Different

  • One browser workspace for AI coding — Keep terminal, files, Git, and AI 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.

Quick Start

# Install globally
npm install -g @spencer-kit/coder-studio

# Launch the workspace
coder-studio open

Your 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.


💡 Use Cases

Cross-Device Development

  • 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

Long-Running AI Workflows

  • 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

AI-Assisted Coding

  • 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

📱 Cross-Device Experience

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

Desktop Workspace

Mobile Interface

Mobile Workspace


🛠️ Feature Overview

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

📋 Requirements

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

📚 Documentation

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 Guide Phone / tablet usage
Common Workflows Task-based tutorials
Troubleshooting FAQ and known issues
CLI Reference Command-line options

👥 Who Should Use Coder Studio

  • 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

🔮 Roadmap

  • Web-based terminal streaming optimization
  • Session replay and history navigation
  • Multi-workspace management
  • Plugin system for custom integrations
  • Cloud sync for workspace preferences

🤝 Contributing

We welcome contributions! See Contributing Guide for details.

Local Development

git clone https://github.com/spencerkit/coder-studio.git
pnpm install
pnpm dev

Tech Stack

Layer Technology
Frontend React, Vite, Jotai
Backend Fastify, WebSocket
Terminal xterm.js, node-pty
Editor Monaco Editor
Storage SQLite (node:sqlite)

Development Docs


📄 License

MIT License — see LICENSE for details.


🔍 Keywords

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

About

Browser-based AI coding workspace for Claude Code and Codex. Run long tasks, supervise progress, and switch across desktop, tablet, and phone.

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors