spencerkit

Coder Studio — AI skill for Claude Code

AI community

Browser-based AI coding workspace for Claude Code and Codex.

How to install Coder Studio

This entry records only its repository, not the path inside it, so there is no exact command to give. Open spencerkit/coder-studio and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Coder Studio does

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

Alternatives in AI

  • Deepseek Pp — DeepSeek Web browser extension: AI agent workspace with MCP tools, memory, Skills, automation, web search, and 1.7k ★
  • LongHorizon Harness — The long-horizon computer-use harness 1.3k ★
  • Late CLI — High-performance AI agent for long-horizon tasks and local models 442 ★

README

Coder Studio Logo

Coder Studio

**Self-hosted browser workspace for AI coding agents.**

Coder Studio brings Claude Code, Codex, terminals, files, Git diff review, Supervisor loops, Work Analysis, and Skills into one browser workspace you run on your own machine.

Use it when raw terminal-only AI coding starts to feel scattered: start an agent task on desktop, review the changed files and diff beside the session, monitor long-running work, and reopen the same workspace from a tablet or phone.

Works with popular coding agents including Claude Code, Codex, Gemini CLI, Cursor Agent, OpenCode, and Aider-style CLI agents.

[![npm version](https://img.shields.io/npm/v/@spencer-kit/coder-studio.svg)](https://www.npmjs.com/package/@spencer-kit/coder-studio) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![Node.js](https://img.shields.io/badge/Node.js-%3E%3D24.0.0-green.svg)](https://nodejs.org/) [![GitHub Stars](https://img.shields.io/github/stars/spencerkit/coder-studio?style=social)](https://github.com/spencerkit/coder-studio/stargazers)

[Watch Demo](docs/assets/demo.mp4) · [Quick Start](#quick-start) · [English Docs](docs/wiki/Quick-Start.md) · [Star on GitHub](https://github.com/spencerkit/coder-studio)

[中文说明](README.zh-CN.md) | [Security & Privacy](docs/wiki/Security-and-Privacy.md) | [Known Limitations](docs/wiki/Known-Limitations.md)

[![Workspace Preview](docs/help/assets/screenshot-desktop-workspace-full.png)](docs/help/assets/screenshot-desktop-workspace-full.png)

Preview the full workspace layout built for agent runs, review, supervision, and device switching.

What You Can Try In 5 Minutes

  1. Install with npm install -g @spencer-kit/coder-studio.
  2. Launch with coder-studio open.
  3. Open one local repository.
  4. Start an agent session. For a first trial, Claude or Code