
kgoedecke/doop
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
Открытая альтернатива Paper.design. Многопользовательский дизайнерский холст, где люди и агенты ИИ разрабатывают вместе, живут. MCP встроен.
Обзор
Каждый дизайн живёт на разделяемом (/c/ ) холде — артбордах, которые отображают реальный HTML в песочницах iframe. Люди редактируют в браузере; AI-агенты редактируют через встроенный файл, транслируя свои дизайны в реальном времени. Все видят всё по мере происходящего: курсоры, присутствие, редактирование кадров, статус агента и ленту активности. - — подключить Claude Code (или любой MCP-клиент) один раз, затем наблюдать за его эскизами, потоковыми и самооценкой дизайнов на вашем холсте рядом с курсором. - — поставить карту в очередь или @mention роль, и она разрабатывается самостоятельно, без клиента для подключения. Запускается на ANTHROPIC_API_KEY сервера для нескольких бесплатных задач, затем по клавише (или клавише OpenAI), к которой подключается каждый пользователь (setup); перформанс первого canvas welcome scripted и работает без них. - — живые курсоры, присутствие, индикаторы редактирования по кадрам, отмена/повторение, комментарии, прикреплённые к элементам, и лента активности — всё в одной комнате WebSocket.
Обзор (машинный перевод)
Doop — это открытая альтернатива Paper.design — мультиплеер
дизайнерский холст для людей и агентов ИИ. Каждый дизайн живёт на доступном для общения Холсте
(/c/ ), удерживающие Frames — артборды, которые рендерят реальный HTML в песочницах iframes. Люди редактируют
в браузере; AI-агенты редактируют через встроенный сервер MCP, транслируя свои разработки в
живой. Все видят всё по мере происходящего: курсоры, присутствие, правки кадров, статус агента и
Лента активности.
Думайте об этом как о Claude Design для того агента, которым вы уже пользуетесь: Claude Code, Codex, ChatGPT, Cursor, OpenCode или любые другие MCP-клиентские дизайны на том же холсте, а также встроенный Doop Agent работает на моделях GPT, Claude, Gemini, DeepSeek, Kimi или Qwen (каждого агента и модели).
- Проектирование с помощью агентов, а не с подсказками и обновлениями — соединить Claude Code (или любой MCP-клиент) один раз, Затем наблюдайте, как он набросает, стримит и самооценивает дизайны на вашем холсте рядом с курсором.
- Встроенный Doop Agent — поставить карту в очередь или @mention роль, и она проектируется самостоятельно, без клиента
для подключения. Запускается на сервере
ANTHROPIC_API_KEYдля нескольких бесплатных задач, затем на
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
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 server’s
ANTHROPIC_API_KEYfor 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 withset_canvas_pages(passing the original list asexpectedPagesto protect collaborators), and target frames withpageId.
Установка
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" } } }