# 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

```bash
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](Quick-Start.md)
- [Why Coder Studio](Why-Coder-Studio.md)
- [AI Coding Terms](AI-Coding-Terms.md)
- [Mobile and Remote Access](Mobile-and-Remote-Access.md)
- [Security and Privacy](Security-and-Privacy.md)
- [Supervisor](Supervisor.md)
- [Common Workflows](Common-Workflows.md)
- [Troubleshooting](Troubleshooting.md)
- [FAQ](FAQ.md)