← all repositories
kgoedecke/doop

The design canvas that treats AI agents as first-class teammates

Doop is an open-source multiplayer canvas where humans and AI agents design live HTML together, replacing prompt-and-refresh workflows with real-time pair editing over MCP.

doop
Collecting fresh signals — velocity needs a few days of history.
collecting data…
star history

What it does

Doop is a shareable design canvas built from Frames—sandboxed iframes that render real HTML, not static mocks. You edit in the browser while AI agents edit through the built-in MCP server, and everyone watches cursors, presence, and frame changes stream in live over a single WebSocket room. It is built to run self-contained, using an embedded Postgres database and degrading gracefully when external services like SMTP or object storage are absent.

The interesting bit

Instead of treating AI as a chatbot in a sidebar, Doop lets Claude Code authenticate over OAuth and stream a design directly onto the canvas while you watch, complete with a working-status avatar and frame-level attribution. If you would rather not bring your own client, a built-in Doop Agent can pick up queued cards or respond to @mentions autonomously, routing tasks through specialist roles like UX, copy, and brand before committing changes.

Key highlights

  • Frames render real HTML in sandboxed iframes.
  • Built-in MCP server lets external agents edit the canvas live via OAuth.
  • The server-side Doop Agent runs on a free tier funded by the host’s ANTHROPIC_API_KEY, then hands off to the user’s own OpenAI or ChatGPT account once the task limit is reached.
  • Design memory pins exemplar frames and distills durable style rules that later agents follow.
  • Runs fully offline with embedded Postgres; optional integrations stay silent until configured.

Caveats

  • Driving a ChatGPT subscription from a third-party server is not something OpenAI’s terms sanction, and heavy use can get an account rate-limited or suspended; the API-key path is the fully supported alternative.
  • Without a server API key or a user-connected model account, the built-in Doop Agent simply stops working and leaves queued cards waiting unclaimed.

Verdict

Try it if you want a self-hosted, collaborative design surface where AI participation is native, not an afterthought. Give it a pass if you need a polished, zero-config commercial tool and would rather not wrangle MCP credentials or AGPL compliance.

Frequently asked

What is kgoedecke/doop?
Doop is an open-source multiplayer canvas where humans and AI agents design live HTML together, replacing prompt-and-refresh workflows with real-time pair editing over MCP.
Is doop open source?
Yes — kgoedecke/doop is open source, released under the AGPL-3.0 license.
What language is doop written in?
kgoedecke/doop is primarily written in TypeScript.
How popular is doop?
kgoedecke/doop has 646 stars on GitHub.
Where can I find doop?
kgoedecke/doop is on GitHub at https://github.com/kgoedecke/doop.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.