Doop MCP
Открытый холст для дизайна: Claude Code, Codex, ChatGPT и Cursor рисуют на нем макеты через MCP вместе с людьми
- 1 768 ★ репозитория
- Последний коммит
- AGPL-3.0
Расширенный доступ
Почему такой уровень
- Агент рисует и правит макеты от имени человека, который подтвердил OAuth, и получает его права на холсты
- Встроенный агент работает на подключенной подписке или ключе модели и тратит их лимиты
- Открытый сервер с общим доступом хранит макеты и комментарии в базе, настройте `BETTER_AUTH_SECRET` и приватность холстов
Установка
- Работает в
Ручная установка
git clone https://github.com/kgoedecke/doop && cd doop && bun install && bun run devВеб-приложение на http://localhost:4300, API и MCP на порту 4400. Менеджер пакетов bun обязателен, сервер работает на Node.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент рисует и правит макеты от имени человека, который подтвердил OAuth, и получает его права на холсты
- Встроенный агент работает на подключенной подписке или ключе модели и тратит их лимиты
- Открытый сервер с общим доступом хранит макеты и комментарии в базе, настройте `BETTER_AUTH_SECRET` и приватность холстов
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Doop — совместный холст, похожий на Paper.design. Макет лежит на холсте с фреймами: это артборды, которые показывают настоящий HTML в изолированных iframe. Люди правят их в браузере, а агенты работают через встроенный MCP-сервер по адресу `/mcp`. Курсоры, присутствие, правки фреймов и статус агентов видны всем сразу. Сервер дает агенту 38 встроенных инструментов и еще два для Linear. Например, `get_canvas` показывает положение и размер каждого фрейма, `set_canvas_pages` управляет страницами холста, а `get_prototype` и `set_prototype_start` работают с кликабельными прототипами. Агент подключается по OAuth: в браузере вы входите в Doop и подтверждаете доступ, после этого он действует от вашего имени и с вашими правами. Есть и встроенный Doop Agent, который берет карточки задач и рисует сам на модели, подключенной к вашему аккаунту: подписка ChatGPT или ключ OpenAI, Claude, Gemini, OpenRouter. Память дизайна хранит эталонные фреймы и правила стиля, которым следуют все агенты. Запустить Doop у себя можно через `bun run dev` или `docker compose up`, а есть и облако doop.design.
Для кого. Для дизайнеров и разработчиков, которые хотят рисовать макеты вместе с агентами на общем холсте вместо обмена скриншотами.
Подходит, если
- Нужно поручить Claude Code макет секции, смотреть, как он появляется на холсте, и править рядом
- Над одним макетом работают несколько людей и агентов, и всем нужны курсоры, комментарии и лента активности
- Нужны кликабельные прототипы с переходами между фреймами, которые агент задает атрибутами `data-doop-*`
- Хочется держать дизайн-инструмент и макеты на своем сервере
Не подходит, если
- Нужен только экспорт готовых макетов из Figma в код: Doop рисует макеты с нуля на собственном холсте
- У вас один человек и один агент без совместной работы: холст с комнатой на WebSocket окажется избыточным
- Нет возможности развернуть сервер с Postgres или войти в облако doop.design
- Нужен офлайн-редактор векторной графики с профессиональным набором инструментов
Пример запроса к агенту
Открой холст Doop, вызови get_canvas и нарисуй в новом фрейме секцию с тарифами для приложения по бронированию путешествийMCP
- Транспорт
- http
- Авторизация
- OAuth
Переменные окружения
BETTER_AUTH_SECRETобязательная, секрет- Секрет сессий, обязателен в продакшене.
BETTER_AUTH_URL- Публичный адрес сервера, от него строятся адреса OAuth.
DATABASE_URLсекрет- Подключение к Postgres, без него используется встроенная PGlite.
Ограничения
Автономному клиенту без браузера вход по OAuth недоступен, ему нужен ключ агента в заголовке Bearer. Для встроенного Doop Agent нужна модель, подключенная в профиле, бесплатных задач по умолчанию нет. В продакшене нужна управляемая база Postgres в `DATABASE_URL`, встроенная PGlite годится для локальной проверки. Лицензия AGPL-3.0 требует открывать изменения, если вы запускаете измененный сервис для других.
Как отключить. Удалите сервер из клиента: `claude mcp remove doop` или `codex mcp remove doop`. Свою установку останавливают командой `docker compose down`.
Частые вопросы
Как подключить Doop к Claude Code?
Выполните `claude mcp add --transport http doop http://localhost:4300/mcp` для локального запуска. Откроется браузер, вы входите в Doop и подтверждаете доступ по OAuth. Для облака подставляют адрес из окна Connect AI.
Как запустить Doop у себя?
Выполните `git clone https://github.com/kgoedecke/doop`, затем `bun install` и `bun run dev`. Веб-приложение откроется на порту 4300, API и MCP работают на 4400. Для Docker используют `BETTER_AUTH_SECRET=$(openssl rand -hex 32) docker compose up -d`.
Какие агенты работают с Doop?
Claude Code и Codex подключаются командами `claude mcp add` и `codex mcp add`, Claude, ChatGPT и Cursor через окно Connect AI. Подойдет и любой MCP-клиент, а скрипты, n8n и CI используют ключ агента в заголовке Bearer.
Чем Doop отличается от Paper.design?
Doop открыт под AGPL-3.0, разворачивается у вас одной командой и доступен агентам через MCP. Холст общий: люди и агенты видят курсоры, комментарии и ленту активности друг друга.
На какой модели работает встроенный Doop Agent?
На модели из вашего профиля: подписка ChatGPT или ключ OpenAI, Claude, Gemini или OpenRouter. Есть и серверный ключ `ANTHROPIC_API_KEY`, он дает столько бесплатных задач, сколько задано в `RESIDENT_TASK_LIMIT`, по умолчанию ни одной.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыОткрытая альтернатива Claude Design: прототипы, презентации, дашборды и видео через ваших локальных агентов
Oh My Design (3x-haust)
Oh My Design
Плагин ведет дизайн-задачу одной командой /ultradesign: изучает проект, строит, рендерит, чинит и проверяет интерфейс
MCP-сервер редактора OpenPencil: агент читает макеты, правит слои, экспортирует ресурсы и работает с файлами .fig без Figma.
Локальный веб-интерфейс к Claude Code, Codex, OpenCode, pi, Hermes и OpenClaw: агент отвечает в чате живыми React-компонентами
Рабочее место для Claude Code: десять команд ведут от идеи продукта к экранам на React и пакету передачи с готовыми промптами для реализации
MCP-мост между агентом (Cursor, Claude Code, Codex) и Figma: чтение макетов и правки прямо на холсте
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Doop (эта карточка) | нет | OAuth | 1 768 | |
| Figma MCP Bridge | нет | не нужна | 888 | мост к макетам Figma для агента, отдельного холста для совместной работы в нем нет |
| Figma To Code MCP — макет Figma в код | нет | API-ключ | 7 | переводит готовые макеты Figma в код, макеты с нуля не рисует |
Коротко о README
Doop объединяет браузерный холст с фреймами HTML, MCP-сервер для агентов и совместную работу в реальном времени. Проект предлагает облачную версию и самостоятельный запуск, у встроенного агента своя очередь задач.