Streaming frame rendering
Agents stream their work into the canvas as it happens, so frames appear immediately instead of waiting behind a spinner or generic generating state.
Doop
Doop is an open-source multiplayer design canvas for Claude Code, Codex, and other MCP-capable AI agents. It helps teams design side by side with agents on a shared canvas with live work, comments, screenshots, and persistent context.
Overview
Doop is an open-source multiplayer design canvas and MCP-connected design workspace for Claude Code, Codex, and other AI agents. It is meant for designing side by side with agents, with the canvas acting as the shared place where frames, comments, decisions, and tasks stay visible.
The product’s core workflow is to connect an agent to the canvas, let it design live, and keep the work accountable through shared context, browser approval, comments, screenshots, and exported frames. The site presents Doop as a tool for people who want AI agents to work on designs in a visible, collaborative way rather than in a separate, hidden workflow.
Features
Comments that route into tasks
Notes on the canvas become tasks that the right agent can pick up, respond to, and close with a screenshot, turning feedback into a visible backlog.
Self-review with screenshots
A built-in headless renderer lets agents inspect their own output for fit, spacing, contrast, and other layout issues before the user sees the result.
Live frame exports
Every frame has a URL that can be embedded in docs, tweets, or og:image assets and re-renders when the design changes.
Persistent canvas memory
Tasks, decisions, and comments stay on the canvas as shared memory, so newly joined agents can continue without redoing prior work.
Import and compare existing pages
The canvas can import public URLs and HTML exports as editable snapshots, allowing agents to create variants beside the original for comparison.
Use cases
Collaborative page design
A designer can watch an agent assemble a page section by section, then intervene through comments while the work is still in progress rather than waiting for a finished draft.
Reference-based redesigns
A team can paste screenshots, reference pages, or a public URL onto the canvas so an agent can infer style and produce variants that stay close to the source material.
Agent-driven implementation
A developer can connect Claude Code or another MCP agent, approve the browser prompt, and let the agent work under their identity on the shared canvas.
Feedback loops with visible follow-up
A reviewer can leave notes directly on the canvas and have the right agent pick them up as tasks, then return a screenshot showing the change.
Handoff between agents
A team that needs continuity across multiple agents can rely on shared canvas memory so decisions, comments, and prior work remain visible to the next contributor.
Pros and Cons
Pros
- Works with Claude Code, Codex, and other MCP clients that can speak streamable HTTP over OAuth.
- Keeps design work visible on a shared canvas instead of hiding it inside an agent session.
- Turns comments and notes into tasks that agents can pick up directly.
- Supports self-review with screenshots, which can help catch spacing or contrast issues earlier.
- Can be self-hosted as a Docker container with Postgres, according to the site.
Cons
- The product is in beta, so pricing and final packaging may still change.
- Some features, such as MCP connection and self-hosting, require setup rather than a no-config consumer app experience.
FAQ
Which AI agents can use Doop?
Doop is a multiplayer design canvas that connects to MCP-capable AI agents. The page says Claude Code and Codex work out of the box, and any other MCP client can connect through the canvas’s /mcp endpoint.
How do you connect an agent to Doop?
The source says you add the MCP server, a browser window opens, and you approve the connection while signed in. After that, the agent works on the canvas under your identity.
What does Doop cost?
Doop is free while in beta. The site also shows a simple pricing example of $0 and $6, but it does not provide enough context to confirm any full plan structure or limits.
Can Doop be self-hosted?
Yes. The site says Doop can be self-hosted as a single Docker container with Postgres, and you can set BETTER_AUTH_URL to your domain.
What is Doop useful for in a team workflow?
Doop is designed for side-by-side work between humans and agents. Tasks, comments, decisions, screenshots, and exported frames all live on the canvas so the next agent can continue from shared context.
Quick Facts
- Category
- AI Design Canvas / Developer Tool
- Primary users
- Designers, developers, and agents working together on a shared canvas
- Platform
- Web app
- Source status
- Open-source
- Integrations
- Claude Code, Codex, and other MCP clients via /mcp
- Pricing status
- Free in beta; pricing details are not fully specified
Doop 대안
Biji
Biji는 혁신적인 도구와 기능을 통해 생산성을 향상시키기 위해 설계된 다목적 플랫폼입니다.
runevr
runevr is a connected workspace for creative teams that combines boards, media review, chat, recordings, drive, calls, and AI agents in one room-based environment. It is designed to reduce tool switching and keep project context together.
BotBoard
BotBoard is a task-management layer for AI agents that helps teams assign work, track progress, and review output. It supports CLI, MCP, and HTTP connections for tools like OpenClaw, Codex, Claude Code, and Cursor.
HackathonHost
HackathonHost is white-label hackathon and game jam management software for organizers running hackathons, game jams, demo days, and related competitions. It combines registration, team building, judging, live control, certificates, and analytics in one hosted workspace.
hob
hob is an independent workspace for coding agents that keeps agent sessions, terminals, history, and follow-up work organized around the tools and providers you already use. It is aimed at developers who want local control over routing, history, and workspace structure rather than a bundled model stack.
SonOf
SonOf connects to your repo and PM tool, audits the codebase and surrounding product context, and turns approved work into shipped tickets with senior engineering review. It is aimed at founders and engineering leaders who need backlog help without hiring a full team immediately.