Doop is the open-source alternative to Paper.design — a multiplayer
design canvas for humans and AI agents. Every design lives on a shareable Canvas
(/c/<id>) holding Frames — artboards that render real HTML in sandboxed iframes. People edit
in the browser; AI agents edit through the built-in MCP server, streaming their designs in
live. Everyone sees everything as it happens: cursors, presence, frame edits, agent status, and an
activity feed.
Think of it as Claude Design for whichever agent you already use: Claude Code, Codex, ChatGPT,
Cursor, OpenCode or any other MCP client designs on the same canvas, and the built-in Doop Agent
runs on GPT, Claude, Gemini, DeepSeek, Kimi or Qwen models
(every agent and model).
- Design with agents, not prompts-and-refresh — connect Claude Code (or any MCP client) once,
then watch it sketch, stream and self-review designs on your canvas, next to your cursor.
- A built-in Doop Agent — queue a card or @mention a role and it designs on its own, no client
to connect. Runs on the model account each user connects (a ChatGPT subscription, or an
OpenAI, Claude, Gemini, DeepSeek, Kimi or OpenRouter key), or on the server's
ANTHROPIC_API_KEY for as many
free tasks as RESIDENT_TASK_LIMIT grants (none by default) (setup); the
first-canvas welcome performance is scripted and runs without any of it.
- Pages within a canvas — organize frames into named pages from the Layers panel. Add, rename,
drag to reorder, double-click to rename, or right-click to rename and delete empty pages.
Page edits support Undo/Redo; selected frames can move between pages. Agents can list pages
with
get_canvas, manage them with set_canvas_pages (passing the original list as
expectedPages to protect collaborators), and target frames with pageId. Each page can wear
a canvas colour of its own, as in Figma: with nothing selected, the sliders icon on the right
opens the Page panel with its Background swatch (agents: set_page_background); cleared, the
page shows the theme paper again.
- Clickable prototypes — wire elements to other frames (click, hover, press, key or delay;
navigate, overlay, back, scroll or link, with transitions) in Prototype mode or straight in the
HTML, then click through the flow with Play or share
/c/<id>/proto. Agents use the same
data-doop-* attributes plus get_prototype / set_prototype_start.
- A real canvas editor — draw frames, shapes, pen paths and text, edit any element's fill,
type and flex layout, snap to rulers and guides, zoom from 8% to 1600%
(the editor).
- True multiplayer — live cursors, presence, follow mode, per-frame editing indicators,
undo/redo, threaded comments on elements or the canvas, and an activity feed, all over one
WebSocket room.
- Design memory — pin exemplar frames, capture decisions, and let the distiller propose durable
style rules that every agent follows.
- Private by default — invite collaborators by email or share a link that can view, comment
or edit; agents inherit exactly their human's access.
- Self-host in one command —
docker compose up, or bun run dev with zero configuration
(embedded Postgres, no external services required).
Works with any agent
Doop isn't tied to one model vendor. Every agent below designs through the same MCP server, works
as the person who connected it, and shows up live on the canvas with its own cursor, status and
tasks. Connect AI in the top bar walks you through each one.
| Agent | How it connects |
|---|
| Claude Code | claude mcp add, OAuth in the browser (setup) |
| Claude (web and desktop) | Add to Claude in Connect AI (setup) |
| Codex (CLI and desktop) | codex mcp add, OAuth in the browser (setup) |
| ChatGPT | A custom MCP server in ChatGPT, guided by Connect AI → ChatGPT |
| Cursor | Add to Cursor in Connect AI |
| OpenCode, VS Code Copilot, OpenClaw and more | Any MCP client, over OAuth or with an agent key (setup) |
| Headless agents (n8n, Mastra, CI) | An agent key as a bearer header (setup) |
No agent of your own? The built-in Doop Agent runs on the model account you
connect: a ChatGPT subscription, or an OpenAI, Claude, Gemini, DeepSeek, Kimi or OpenRouter key.
OpenRouter brings Qwen, GLM, MiniMax and more (details).
Quickstart
git clone https://github.com/kgoedecke/doop && cd doop
bun install
bun run dev
Doop builds and installs with bun (bun.lock is the only
lockfile); the server itself runs on Node.
bun run dev and bun run build also package the Claude Desktop extension with a Node script,
so Node must be on your PATH as well.
This is the beginning of the README. Read the rest at the original. Read the full README ↗
