Atoo Studio ADE

Early alpha, already used daily for real client work.

Not a chat wrapper. Not just an editor skin. Atoo Studio replaces the fragmented VS Code + browser + terminal workflow around coding agents with one local workspace.

The default layout is intentionally familiar. The workflow model is not.

---

Demo

More demos and videos are available on the Atoo Studio homepage.

What is Atoo Studio?

Atoo Studio is a local-first workspace for running and managing real coding-agent workflows.

At first glance the default layout looks familiar — on purpose. Files, panes, and text editing should not require relearning. The difference is the orchestration layer around agent-driven development. Real PTY-backed sessions, multi-project and multi-worktree workflows, session fork and continuation across agents, live app preview, DevTools, GitHub, databases, containers, and hardware access all live in one place.

It does not replace the agents themselves. It replaces the fragmented environment around them.

Runs locally on Linux, macOS, or WSL. No cloud dependency. No vendor lock-in.

Why it exists

Coding agents are great at focused tasks. The chaos starts around them.

Once you work across multiple projects, worktrees, terminals, dev servers, browser tabs, and agent sessions, the workflow breaks down fast. You lose context, you lose overview, and you spend too much time managing the environment instead of shipping.

Atoo Studio was built from that exact pain: creating a workspace that actually matches how agent-driven development works in practice.

Core capabilities

Multi-agent mode

Send a single message to Claude Code and Codex simultaneously. Both agents work on the same codebase in parallel, and their responses appear side by side in collapsible dispatch blocks. Conversation history is maintained per agent so each CLI sees a coherent session, with automatic cross-agent format conversion.

Agent workflows

• Run multiple coding agents in parallel across isolated projects and worktrees.
• Each agent runs in a real PTY session with full terminal capabilities.
• Fork sessions to explore alternative approaches without losing the original context.
• Chain sessions across agents, so you can start with Claude Code and continue with Codex using the same conversation history.
• Search session history via MCP so agents can reuse past decisions, failed attempts, and implementation context.
• Set session names, descriptions, and tags for better navigation and recall.
• Track project-level changes so you always know what has been done, by which session, and when.
• Agents can ask structured questions (single/multiple choice, forms) via an in-tab wizard UI with free-text overrides and conditional visibility.

Preview and debugging

• Built-in app preview powered by headless Chrome and the Chrome DevTools Protocol.
• Pixel-streamed preview, not iframes, so there are no cross-origin limitations.
• Open Chrome DevTools directly inside the workspace.
• Request trusted HTTPS certificates from the built-in CA for local testing.
• Test responsive layouts with device presets, custom viewports, zoom, rotation, and touch emulation.

Git and GitHub workflow

• Browse issues and pull requests, view comments, and open or update PRs from the GitHub panel.
• Link sessions to issues or pull requests for better task context.
• Inspect branches, commit history, stashes, and diffs from the Git panel.
• Work with multiple Git worktrees side by side as separate projects.
• Use the one-click Publish flow to commit, push, and open a PR.

Data, infrastructure, and devices

• Explore 15 database types including PostgreSQL, MySQL, SQLite, Redis, MongoDB, Elasticsearch, ClickHouse, CockroachDB, Cassandra, Neo4j, and InfluxDB.
• Auto-discover database connections from docker-compose files, environment variables, and port scanning.
• Manage Docker, Podman, and LXC containers from the workspace.
• Browse container images, networks, volumes, compose projects, logs, and stats.
• Connect real hardware like ESP32 boards through Web Serial, bridged to a virtual PTY so agents can flash firmware and monitor output.

Workspace experience

• File explorer and editor with source, diff, rendered, and hex views.
• Integrated terminal tabs running directly on the server.
• Built-in reverse proxy with subdomain and path-based routing.
• Optional authentication with password, TOTP, and WebAuthn/passkeys.
• Real-time shared workspace views across multiple browsers.
• Responsive mobile layout for monitoring and control on the go.
• Installable as a desktop app via PWA.

Platform support

Capability	Linux	macOS	Native Windows
Core workspace (agents, terminal, git, files)	Yes	Yes	No
Browser preview (CDP streaming)	Yes	Yes	-
Serial devices (PTY bridge)	Yes	Yes	-
Serial control signals (DTR/RTS via CUSE)	Yes	No	-

Native Windows is not supported. Use WSL instead.

macOS support is completely untested at this time. It should work in principle, but expect rough edges.

Getting started

Requirements

Required

• Node.js 18+
• Git
• Linux, macOS, or WSL

Optional dependencies

Dependency	Enables
Claude Code (claude)	Claude Code agent support
Codex CLI (codex)	Codex agent support
GitHub CLI (gh)	GitHub issues and PR integration
docker, podman, or lxc	Container management
ffmpeg	Screen recording
Chrome libraries on Linux	Browser preview
CUSE on Linux	Serial control signals (DTR/RTS)

Missing optional dependencies are reported as warnings on startup.

Quick start

npx atoo-studio

Then open https://localhost:3010 in your browser.

以上为 README 的开头部分。其余内容请阅读原文。 查看完整 README ↗