Home

Coder Studio

Coder Studio is a local-first, browser-based vibe coding workspace. It brings Claude Code, OpenAI Codex, terminals, files, Git, and long-running agent sessions into one interface that you can reopen from desktop, tablet, or phone.

In current vibe coding language, Coder Studio sits between "vibe coding" and a full engineering harness: you can express intent in natural language, but the workspace keeps the files, terminals, diffs, sessions, and verification loop visible.

Start Here

npm install -g @spencer-kit/coder-studio
coder-studio open

Then select a project folder and start a Claude or Codex session.

What It Is For

• Run vibe coding agents without losing sight of files, terminal output, and Git changes.
• Keep long-running sessions available from another device.
• Check agent progress from a phone without using remote desktop.
• Keep your runtime and project files on your own machine.

What Makes It Different

If you use...	It is great for...	Coder Studio adds...
Vibe coding tools	Fast intent-to-code iteration	A local workspace harness for review, terminal output, Git diffs, and verification
Claude Code / Codex CLI	Running agents in a terminal	A browser workspace with files, Git, terminals, sessions, and mobile access
Cursor / VS Code	Interactive editing	Long-running AI sessions that remain visible across devices
Cloud IDEs	Hosted remote development	A local-first runtime on your own machine
SSH / remote desktop	Remote machine access	A responsive workspace UI instead of mirroring a desktop

Core Guides

• Quick Start
• Why Coder Studio
• AI Coding Terms
• Mobile and Remote Access
• Security and Privacy
• Supervisor
• Common Workflows
• Troubleshooting
• FAQ