kgoedecke/doop

Doop은 Paper.design 의 오픈 소스 대안 — 멀티플레이어입니다 인간과 AI 에이전트를 위한 디자인 캔스. 모든 디자인은 공유 가능한 캔버스 위에 존재합니다. (/c/ ) 프레임을 들고 있습니다 — 샌드박스 iframe에서 실제 HTML을 렌더링하는 아트보드입니다. 사람들이 편집합니다 브라우저에서; AI 에이전트는 내장된 MCP 서버를 통해 편집하며, 자신의 디자인을 스트리밍합니다 라이브. 모두가 모든 것을 실시간으로 본다: 커서, 존재감, 프레임 편집, 에이전트 상태, 그리고 활동 피드.

이미 사용 중인 에이전트에 대해 Claude Design이라고 생각하세요: Claude Code, Codex, ChatGPT, 커서, OpenCode 또는 다른 MCP 클라이언트 디자인이 동일한 캔버스에 있으며, 내장된 Doop 에이전트도 포함됩니다 GPT, Claude, Gemini, DeepSeek, Kimi 또는 Qwen 모델에서 실행됩니다 (모든 에이전트와 모델)

• 에이전트로 설계, 프롬프트와 새로고침이 아님 — Claude Code(또는 다른 MCP 클라이언트)를 한 번 연결하세요, 그리고 커서 옆 캔버스에서 스케치, 스트리밍, 스스로 디자인을 검토하는 모습을 지켜보세요.
• 내장 Doop 에이전트 — 카드를 큐에 넣거나 역할을 @mention면 클라이언트가 없고 스스로 설계됩니다 연결하기 위해서입니다. 서버의 ANTHROPIC_API_KEY에서 몇 가지 무료 작업을 수행하고, 그 다음에

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 server’s ANTHROPIC_API_KEY for a handful of free tasks, then on the ChatGPT subscription (or OpenAI key) each user connects (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.