kgoedecke/doop

Doopは Paper.design のオープンソース代替であるマルチプレイヤーです 人間とAIエージェントのためのデザインキャンバス。すべてのデザインは共有可能なキャンバスに存在します。 (/c/ )はFrames** — サンドボックス化されたiフレームで実際の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.