Skip to content

Commit 6a38e10

Browse files
committed
docs: refocus readme around demo and supervisor workflows
1 parent 2f1be03 commit 6a38e10

3 files changed

Lines changed: 54 additions & 116 deletions

File tree

README.md

Lines changed: 27 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -4,63 +4,32 @@
44

55
# Coder Studio
66

7-
</div>
8-
9-
<div align="center">
7+
**A browser-based AI coding workspace for developers who move between desktop, tablet, and phone.**
108

11-
**AI Coding Workspace · Browser-Based · Cross-Device · Self-Hosted**
9+
Run Claude Code and Codex in one workspace. Keep your terminal, files, Git view, and AI sessions available from any device.
1210

1311
[![npm version](https://img.shields.io/npm/v/@spencer-kit/coder-studio.svg)](https://www.npmjs.com/package/@spencer-kit/coder-studio)
1412
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
1513
[![Node.js](https://img.shields.io/badge/Node.js-%3E%3D24.0.0-green.svg)](https://nodejs.org/)
1614
[![GitHub Stars](https://img.shields.io/github/stars/spencerkit/coder-studio?style=social)](https://github.com/spencerkit/coder-studio/stargazers)
17-
[![GitHub Discussions](https://img.shields.io/github/discussions/spencerkit/coder-studio)](https://github.com/spencerkit/coder-studio/discussions)
18-
[![Open Issues](https://img.shields.io/github/issues/spencerkit/coder-studio)](https://github.com/spencerkit/coder-studio/issues)
19-
[![Contributors](https://img.shields.io/github/contributors/spencerkit/coder-studio)](https://github.com/spencerkit/coder-studio/graphs/contributors)
20-
21-
</div>
22-
23-
---
24-
25-
> Deploy once, code everywhere.
26-
>
27-
> Deploy your coding workspace once, then keep working anywhere.
2815

29-
[中文说明](README.zh-CN.md) | [Documentation](docs/help/quick-start.md) | [GitHub](https://github.com/spencerkit/coder-studio)
16+
[Watch Demo](docs/assets/demo.mp4) · [Quick Start](#quick-start) · [Star on GitHub](https://github.com/spencerkit/coder-studio)
3017

31-
**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.
32-
33-
## ✨ Key Features
34-
35-
- 🌐 **Browser-Based Workspace** — No desktop app needed, works in any modern browser
36-
- 📱 **Cross-Device Continuity** — Start on desktop, continue on mobile, switch devices freely
37-
- 🤖 **Multi-Agent Support** — Run Claude Code and OpenAI Codex sessions side by side
38-
- 🔧 **Integrated Environment** — Terminal, file editor, Git viewer, and AI agents in one interface
39-
- 🔒 **Self-Hosted & Private** — Code stays on your machine, no cloud IDE dependency
40-
-**Real-Time Sync** — Live workspace state across all connected devices
41-
42-
![Workspace Overview](docs/help/assets/screenshot-workspace-overview.png)
43-
44-
[![Watch Demo Video](docs/assets/demo-poster.png)](docs/assets/demo.mp4)
45-
46-
<div align="center">Watch the recorded demo video</div>
18+
[中文说明](README.zh-CN.md) | [Documentation](docs/help/quick-start.md)
4719

20+
</div>
4821

49-
---
22+
[![Watch Demo Video](docs/assets/demo-preview.gif)](docs/assets/demo.mp4)
5023

51-
## 🎯 Why Coder Studio
24+
<div align="center">See how one coding workspace follows you from desktop to mobile without losing context.</div>
5225

53-
| Feature | Benefit |
54-
|---------|---------|
55-
| **Deploy once, continue anywhere** | Start the service once, move between devices without breaking flow |
56-
| **Unified workspace** | Agent, code, Git, and terminal in one place — no more app switching |
57-
| **Multi-Agent support** | Run Claude Code and Codex sessions side by side |
58-
| **Local-first & private** | Runs on your machine, code never leaves your device |
59-
| **Zero-config browser access** | No desktop client, just open a URL from any device |
26+
## Why It Feels Different
6027

61-
---
28+
- **One browser workspace for AI coding** — Keep terminal, files, Git, and AI sessions in one place.
29+
- **Built for device switching** — Start on desktop, continue on tablet, and check progress from your phone.
30+
- **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.
6231

63-
## 🚀 Quick Start
32+
## Quick Start
6433

6534
```bash
6635
# Install globally
@@ -78,23 +47,23 @@ Your browser opens automatically. Select your project folder and start working w
7847

7948
## 💡 Use Cases
8049

81-
### Remote-Friendly Development
50+
### Cross-Device Development
8251

8352
- Start an Agent task at the office, check progress on your phone during commute
8453
- Review code changes on a tablet without opening your laptop
8554
- Continue work from a home computer with zero setup
8655

87-
### Team Collaboration
56+
### Long-Running AI Workflows
8857

89-
- Share workspace URL with teammates on the same network
90-
- Code review without screen sharing — just open the link
91-
- Real-time visibility into Agent progress for stakeholders
58+
- Let Supervisor push multi-step tasks toward an objective without constant babysitting
59+
- Check evaluation cycles and follow-up actions from your phone instead of watching terminal output
60+
- Reduce repetitive prompting and manual coordination during long agent runs
9261

9362
### AI-Assisted Coding
9463

95-
- Run multiple Claude Code or Codex sessions in parallel
96-
- Monitor Agent progress from mobile while away from desk
97-
- Keep terminal, editor, and Git view in one unified interface
64+
- Run Claude Code and Codex sessions side by side
65+
- Keep terminal, editor, Git, and supervisor state in one unified interface
66+
- Resume active AI work from another device without rebuilding context
9867

9968
---
10069

@@ -122,13 +91,13 @@ The same workspace URL works across all devices — interface adapts automatical
12291

12392
| Feature | Description |
12493
|---------|-------------|
125-
| **Multi-Agent Sessions** | Run Claude Code and Codex sessions side by side |
126-
| **Integrated Editor** | Monaco-powered code editor with syntax highlighting |
127-
| **Git Integration** | View branches, diffs, and changed files without leaving workspace |
128-
| **Shell Terminal** | Full PTY terminal for commands and validating Agent output |
129-
| **Responsive UI** | Desktop, tablet, and phone layouts that adapt automatically |
130-
| **Session History** | Resume previous sessions with full context preserved |
131-
| **Dark/Light Theme** | Customizable appearance and keyboard shortcuts |
94+
| **Cross-Device Workspace** | Reopen the same coding environment from desktop, tablet, or phone without rebuilding context |
95+
| **Supervisor Loops** | Run objective-driven evaluation and follow-up cycles for long AI tasks with less manual babysitting |
96+
| **Claude Code + Codex** | Use both agent CLIs inside one workspace instead of splitting your workflow across separate tools |
97+
| **Unified Terminal, Editor, and Git** | Keep PTY terminals, Monaco editing, diffs, and changed files in one browser UI |
98+
| **Responsive Workspace UI** | Use layouts tuned for desktop, tablet, and mobile instead of a desktop-only interface squeezed onto small screens |
99+
| **Session Continuity** | Resume active sessions and keep AI work visible across device switches |
100+
| **Local-First Runtime** | Keep code and runtime on your machine instead of relying on a cloud IDE |
132101

133102
---
134103

README.zh-CN.md

Lines changed: 27 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -4,63 +4,32 @@
44

55
# Coder Studio
66

7-
</div>
8-
9-
<div align="center">
7+
**一个浏览器里的 AI 编程工作台,适合在桌面、平板和手机之间切换的开发者。**
108

11-
**AI 编程工作台 · 浏览器访问 · 跨设备协作 · 本地运行**
9+
在同一个工作台里运行 Claude Code 和 Codex,让终端、文件、Git 视图和 AI 会话跟着你在不同设备间延续。
1210

1311
[![npm version](https://img.shields.io/npm/v/@spencer-kit/coder-studio.svg)](https://www.npmjs.com/package/@spencer-kit/coder-studio)
1412
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
1513
[![Node.js](https://img.shields.io/badge/Node.js-%3E%3D24.0.0-green.svg)](https://nodejs.org/)
1614
[![GitHub Stars](https://img.shields.io/github/stars/spencerkit/coder-studio?style=social)](https://github.com/spencerkit/coder-studio/stargazers)
17-
[![GitHub Discussions](https://img.shields.io/github/discussions/spencerkit/coder-studio)](https://github.com/spencerkit/coder-studio/discussions)
18-
[![Open Issues](https://img.shields.io/github/issues/spencerkit/coder-studio)](https://github.com/spencerkit/coder-studio/issues)
19-
[![Contributors](https://img.shields.io/github/contributors/spencerkit/coder-studio)](https://github.com/spencerkit/coder-studio/graphs/contributors)
20-
21-
</div>
22-
23-
---
24-
25-
> Deploy once, code everywhere.
26-
>
27-
> 一次部署,随处编码。
28-
29-
[English](README.md) | [文档](docs/help/quick-start.md) | [GitHub](https://github.com/spencerkit/coder-studio)
3015

31-
**Coder Studio** 是一个浏览器端的 AI 编程工作台,运行在你本地的机器上。从任何设备的浏览器访问你的开发环境 —— 在通勤路上用手机查看进度,在平板上审阅代码改动,或在多台电脑之间无缝切换。
16+
[观看 Demo](docs/assets/demo.mp4) · [快速开始](#快速开始) · [GitHub Star](https://github.com/spencerkit/coder-studio)
3217

33-
## ✨ 核心特性
34-
35-
- 🌐 **浏览器工作台** — 无需桌面应用,任何现代浏览器都能使用
36-
- 📱 **跨设备连续性** — 在桌面端开始,移动端继续,自由切换设备
37-
- 🤖 **多 Agent 支持** — 同时运行 Claude Code 和 OpenAI Codex 会话
38-
- 🔧 **一体化环境** — 终端、文件编辑器、Git 查看器和 AI Agent 统一界面
39-
- 🔒 **本地运行隐私保护** — 代码保留在你自己的机器上,不依赖云 IDE
40-
-**实时同步** — 所有连接设备的实时工作区状态
41-
42-
![工作区界面](docs/help/assets/screenshot-workspace-overview.png)
43-
44-
[![观看演示视频](docs/assets/demo-poster.png)](docs/assets/demo.mp4)
45-
46-
<div align="center">点击封面查看录制演示视频</div>
18+
[English](README.md) | [文档](docs/help/quick-start.md)
4719

20+
</div>
4821

49-
---
22+
[![观看演示视频](docs/assets/demo-preview.gif)](docs/assets/demo.mp4)
5023

51-
## 🎯 为什么选择 Coder Studio
24+
<div align="center">看看同一个编码工作台如何从桌面无缝切到移动端而不丢上下文。</div>
5225

53-
| 特性 | 优势 |
54-
|------|------|
55-
| **一次部署,随处继续** | 启动服务一次,在设备间切换不中断工作流 |
56-
| **统一工作台** | Agent、代码、Git、终端在一处 —— 不再频繁切换应用 |
57-
| **多 Agent 支持** | 同时运行 Claude Code 和 Codex 会话 |
58-
| **本地优先 & 隐私** | 运行在你自己的机器上,代码永不离开设备 |
59-
| **零配置浏览器访问** | 无需桌面客户端,任何设备打开 URL 即可 |
26+
## 为什么它不一样
6027

61-
---
28+
- **一个浏览器里完成 AI 编程工作流** — 把终端、文件、Git 和 AI 会话放到同一个工作台。
29+
- **真正为设备切换而设计** — 在桌面端开始,在平板继续,用手机随时查看 Agent 进度。
30+
- **目标驱动的多轮调度** — 让 Supervisor 接管长任务推进,你不必全程盯守每一轮输出,减少机械重复的人工催促,并获得更稳定的执行效果。
6231

63-
## 🚀 快速开始
32+
## 快速开始
6433

6534
```bash
6635
# 全局安装
@@ -78,23 +47,23 @@ coder-studio open
7847

7948
## 💡 使用场景
8049

81-
### 远程友好开发
50+
### 跨设备开发
8251

8352
- 在办公室启动 Agent 任务,通勤路上用手机查看进度
8453
- 在平板上审阅代码改动,无需打开笔记本电脑
8554
- 在家用电脑继续工作,零配置切换
8655

87-
### 团队协作
56+
### 长任务监督与调度
8857

89-
- 与同一网络的队友分享工作区 URL
90-
- 无需屏幕共享进行代码审阅 —— 直接打开链接
91-
- 实时向相关人员展示 Agent 进度
58+
- 让 Supervisor 围绕目标持续推进多轮任务,不必一直盯着终端
59+
- 用手机查看评估循环和后续动作,而不是守着每轮输出
60+
- 减少机械重复的人工催促,让长任务执行更稳
9261

9362
### AI 辅助编程
9463

95-
- 并行运行多个 Claude Code Codex 会话
96-
- 在移动端远程监控 Agent 进度
97-
- 终端、编辑器和 Git 视图统一在一个界面
64+
- 并行运行 Claude Code Codex 会话
65+
- 终端、编辑器、Git 和 Supervisor 状态统一在一个界面
66+
- 切换设备后继续当前 AI 工作,不必重新建立上下文
9867

9968
---
10069

@@ -122,13 +91,13 @@ coder-studio open
12291

12392
| 功能 | 描述 |
12493
|------|------|
125-
| **多 Agent 会话** | 同时运行 Claude Code 和 Codex 会话 |
126-
| **集成编辑器** | Monaco 驱动的代码编辑器,支持语法高亮 |
127-
| **Git 集成** | 在工作区内查看分支、diff 和变更文件 |
128-
| **Shell 终端** | 完整 PTY 终端,运行命令和验证 Agent 输出 |
129-
| **响应式 UI** | 桌面端、平板端和手机端布局自动适配 |
130-
| **会话历史** | 恢复之前的会话,完整上下文保留 |
131-
| **深色/浅色主题** | 可自定义外观和快捷键 |
94+
| **跨设备工作区** | 在桌面、平板和手机之间重新打开同一个编码环境,不必重新建立上下文 |
95+
| **Supervisor 监督循环** | 围绕目标运行评估与续推循环,减少长任务中的人工盯守 |
96+
| **Claude Code + Codex** | 在同一个工作区里使用两套 Agent CLI,而不是把工作流拆散到多个工具中 |
97+
| **终端、编辑器和 Git 一体化** | 在同一个浏览器界面里完成 PTY 终端、Monaco 编辑、diff 和变更查看 |
98+
| **响应式工作区界面** | 提供面向桌面、平板和手机的布局,而不是把桌面界面硬塞进小屏幕 |
99+
| **会话连续性** | 切换设备后继续当前活跃会话,让 AI 工作保持可见 |
100+
| **本地优先运行时** | 代码和运行时都留在你的机器上,不依赖云 IDE |
132101

133102
---
134103

docs/assets/demo-preview.gif

656 KB
Loading

0 commit comments

Comments
 (0)