GitHub-радар

Doop: холст, где ИИ-агент рисует у тебя на глазах

Открытый холст для совместного дизайна, где Claude Code и другие агенты рисуют прямо в браузере — ты видишь каждый шаг в реальном времени.

01kgoedecke/doop 317TypeScript

Doop — открытая альтернатива Paper.design: совместный холст, где рядом с людьми работают ИИ-агенты. Агент подключается через встроенный MCP-сервер и стримит дизайн прямо в браузер кусок за куском — ты видишь, как строится страница в реальном времени. Claude Code присоединяется одной командой: `claude mcp add --transport http doop http://localhost:4300/mcp`. Каждый кадр холста — это реальный HTML в изолированном iframe; агент заполняет его постепенно, потом проверяет скриншот и правит то, что вышло плохо. Несколько людей и несколько агентов работают на одном холсте одновременно с живыми курсорами, историей правок и общей лентой активности. Есть память дизайна: закрепляешь образцы кадров — они превращаются в правила стиля, которым следуют все агенты. Разворачивается локально без настроек: `docker compose up` или `npm run dev` со встроенной Postgres, без внешних сервисов.

Зачем это вайб-кодеру

Вместо того чтобы гадать, что сделал агент, ты видишь каждый шаг и можешь направить его в нужную сторону прямо в процессе. Несколько агентов работают параллельно над разными частями проекта, пока ты наблюдаешь за общей картиной. Если дизайн пошёл не туда, замечаешь сразу — а не после пяти итераций.

Как поставить

Скопируйте и отправьте своему агенту — Claude Code, Codex, любому:

Разверни Doop отсюда: https://github.com/kgoedecke/doop — действуй по README (`npm run dev`), открой http://localhost:4300, подключи Claude Code через MCP как в README и покажи готовый холст. Спроси, если понадобятся ключи или разрешения.

Запустится на обычном ноутбуке — нужен Node.js или Docker. Облачная версия на doop.design работает без установки.

Открыть на GitHub