KD

kgoedecke/doop

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

1 тыс. stars 137 forks Качество 81 Тренд 77AGPL-3.0

Открытая альтернатива 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_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.
Открыть полный README на GitHub

Установка

docker run -p 4400:4400 -e BETTER_AUTH_URL=http://localhost:4400 -e BETTER_AUTH_SECRET=dev-only doop
Новичок в MCP? Начните с руководства на mcpskill.org →

Конфигурация

{ "mcpServers": { "doop": { "type": "http", "url": "http://localhost:4300/mcp" } } }