You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Coder Studio lets you launch an AI coding workspace on your machine and keep using it from wherever you are. Claude Code or Codex, files, Git, and terminal all stay in one browser-based workspace, so your workflow is no longer pinned to one desk or one device.
21
+
**Coder Studio** is a browser-based AI coding workspace that runs on your local machine. Access your development environment from any device with a web browser — continue coding on your phone during commute, review changes on a tablet, or switch between computers seamlessly.
10
22
11
-
Start a task in the office, check progress on your phone during the commute, review changes from a tablet, and continue on a laptop later. Same workspace, same context, no environment handoff.
-**Deploy once, continue anywhere**: start the service once and move between devices and contexts without breaking your flow
18
-
-**One workspace across devices**: not just remote logs, but the same workspace with Agent, code, Git, and terminal
19
-
-**Agent + Code + Git + Terminal in one place**: less context switching between CLI, editor, diff tools, and shell
20
-
-**Works with Claude Code and Codex**: choose the right Agent per task and run sessions side by side
21
-
-**Runs locally, keeps your data under your control**: the service runs on your machine, without relying on a third-party cloud IDE
34
+
---
22
35
23
-
## What Problem It Solves
36
+
## 🎯 Why Coder Studio
24
37
25
-
Traditional AI coding workflows are often tied to the one machine where the CLI is running:
38
+
| Feature | Benefit |
39
+
|---------|---------|
40
+
|**Deploy once, continue anywhere**| Start the service once, move between devices without breaking flow |
41
+
|**Unified workspace**| Agent, code, Git, and terminal in one place — no more app switching |
42
+
|**Multi-Agent support**| Run Claude Code and Codex sessions side by side |
43
+
|**Local-first & private**| Runs on your machine, code never leaves your device |
44
+
|**Zero-config browser access**| No desktop client, just open a URL from any device |
26
45
27
-
- The Agent is running, but you still have to stay near the original device
28
-
- Changing locations makes it hard to keep watching context and execution state
29
-
- A phone may show notifications, but not the full coding workspace
30
-
- Switching devices usually means taking over the environment again instead of simply continuing the work
46
+
---
31
47
32
-
Coder Studio turns that into:
33
-
34
-
`Deploy once, code everywhere.`
35
-
36
-
## Quick Start
48
+
## 🚀 Quick Start
37
49
38
50
```bash
51
+
# Install globally
39
52
npm install -g @spencer-kit/coder-studio
53
+
54
+
# Launch the workspace
40
55
coder-studio open
41
56
```
42
57
43
-
Then just:
58
+
Your browser opens automatically. Select your project folder and start working with Claude Code or OpenAI Codex.
44
59
45
-
1. Click **Open Workspace** in the browser
46
-
2. Choose your project directory and create a Claude or Codex session
47
-
3. Start working with the Agent while viewing files, Git changes, and terminal output in the same workspace
60
+
> **No AI CLI installed yet?** You can still browse files and use the terminal. Install Claude Code or Codex later when needed.
48
61
49
-
> You can open the UI and browse files and terminals before installing a provider CLI. See the [Provider Setup Guide](docs/help/providers.md) for details.
62
+
---
50
63
51
-
## How You Can Use It
64
+
## 💡 Use Cases
52
65
53
-
| Scenario | What you do |
54
-
|----------|-------------|
55
-
| Start work in the office | Launch the service, open the project, create a Claude or Codex session, and let the Agent begin |
56
-
| Check progress during a commute | Open the same workspace on your phone and review Agent output, session status, and Git changes |
57
-
| Review changes while away from your desk | Use a tablet to browse files, inspect diffs, and confirm terminal output |
58
-
| Continue later on another device | Reconnect to the same workspace and keep going with the same context |
59
-
| Share progress with teammates | Let others on the same local network open the workspace in a browser and view the current state |
66
+
### Remote-Friendly Development
60
67
61
-
## What You Can Do
68
+
- Start an Agent task at the office, check progress on your phone during commute
69
+
- Review code changes on a tablet without opening your laptop
70
+
- Continue work from a home computer with zero setup
62
71
63
-
- Run multiple Agent sessions inside one workspace
64
-
- Watch the file tree, editor, and Git diff while the Agent is working
65
-
- Open a Shell terminal to validate the Agent's output yourself
66
-
- Use the full multi-panel desktop layout and keyboard shortcuts
67
-
- Monitor workspace and session progress from a phone or tablet
68
-
- Manage themes, language, shortcuts, and provider arguments from Settings
72
+
### Team Collaboration
69
73
70
-
## Works Across Devices
74
+
- Share workspace URL with teammates on the same network
75
+
- Code review without screen sharing — just open the link
76
+
- Real-time visibility into Agent progress for stakeholders
71
77
72
-
Coder Studio runs in a standard browser and does not require a desktop client:
78
+
### AI-Assisted Coding
73
79
74
-
-**Desktop**: best for full coding sessions, editing files, reviewing diffs, and managing panels
75
-
-**Tablet**: useful for lightweight review, tracking Agent progress, and browsing project state
76
-
-**Phone**: useful for checking session status, terminal output, and workspace changes on the go
80
+
-Run multiple Claude Code or Codex sessions in parallel
81
+
-Monitor Agent progress from mobile while away from desk
82
+
-Keep terminal, editor, and Git view in one unified interface
77
83
78
-
The same service URL can be opened from different devices, and the interface adapts to the screen automatically.
0 commit comments