
Paper.design 的开源替代方案。一个多人设计画布,人类与人工智能代理共同设计,生活在其中。内置MCP。
概览
每个设计都存在于一个可共享的(/c/)平台上——在沙盒 iframe 中渲染真实 HTML 的艺术板。人们在浏览器中编辑;AI 代理通过内置的编辑,实时流媒体展示他们的设计。每个人都能看到一切发生的瞬间:光标、存在、帧编辑、代理状态和活动信息流。 - — 连接一次Claude Code(或任何MCP客户端),然后观看它在你的画布上草图、流式传输并自我审查设计,靠近你的光标。- — 排队一张卡片或@mention角色,它会自动设计,无需客户端连接。在服务器ANTHROPIC_API_KEY运行,完成少量免费任务,然后在(或OpenAI键)上每个用户连接(设置);首次画布的欢迎表演是脚本化的,且不包含任何操作。- — 实时光标、存在感、每帧编辑指示器、撤销/重做、固定元素的评论和活动流,全部集中在一个WebSocket房间。
概述(AI 翻译)
Doop 是开源的 Paper.design 替代方案——多人游戏
为人类和人工智能代理设计画布。 每个设计都存在于可共享的画布
(/c/ )手持Frames——在沙盒iframe中渲染真实HTML的美术板。编辑人员
在浏览器中;AI 代理通过内置的 MCP 服务器进行编辑,将设计流式传输到
直播。每个人都能看到一切发生的样子:光标、存在、帧编辑、特工状态,以及
活动流。
可以把它看作是你已经使用的代理的Claude Design:Claude Code、Codex、ChatGPT, 光标、OpenCode 或其他 MCP 客户端设计在同一画布上,以及内置的 Doop Agent 运行于GPT、Claude、Gemini、DeepSeek、Kimi或Qwen模型上 (每个代理人和模型)。
- 用代理设计,而非提示和刷新 — 连接一次Claude代码(或任何MCP客户端), 然后看它在你的画布上、鼠标旁边的画布上草图、直播和自我评测设计。
- 内置Doop代理 — 排队卡片或@mention角色,它自行设计,无需客户端
连接。运行在服务器的
ANTHROPIC_API_KEY上,执行少量免费任务,然后在
本页由 AI 翻译,技术细节请以原文为准。
README
以下为原文 README 节选,完整内容请查看原文。
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/) 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 or OpenRouter key), or on the server’s
ANTHROPIC_API_KEYfor as many free tasks asRESIDENT_TASK_LIMITgrants (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
安装
docker run -p 4400:4400 -e BETTER_AUTH_URL=http://localhost:4400 -e BETTER_AUTH_SECRET=dev-only doop配置
{ "mcpServers": { "doop": { "type": "http", "url": "http://localhost:4300/mcp" } } }