Excalidraw MCP

Установка

npx skillfoxx add mcp/excalidraw-mcp-app-server

claude mcp add --transport http excalidraw-mcp-app-server https://mcp.excalidraw.com

{
  "mcpServers": {
    "excalidraw-mcp-app-server": {
      "type": "http",
      "url": "https://mcp.excalidraw.com"
    }
  }
}

{
  "mcpServers": {
    "excalidraw-mcp-app-server": {
      "url": "https://mcp.excalidraw.com"
    }
  }
}

code --add-mcp '{"name":"excalidraw-mcp-app-server","type":"http","url":"https://mcp.excalidraw.com"}'

{
  "servers": {
    "excalidraw-mcp-app-server": {
      "type": "http",
      "url": "https://mcp.excalidraw.com"
    }
  }
}

codex mcp add excalidraw-mcp-app-server --url https://mcp.excalidraw.com

[mcp_servers.excalidraw-mcp-app-server]
url = "https://mcp.excalidraw.com"

gemini mcp add -s user -t http excalidraw-mcp-app-server https://mcp.excalidraw.com

{
  "mcpServers": {
    "excalidraw-mcp-app-server": {
      "httpUrl": "https://mcp.excalidraw.com"
    }
  }
}

{
  "mcpServers": {
    "excalidraw-mcp-app-server": {
      "serverUrl": "https://mcp.excalidraw.com"
    }
  }
}

{
  "mcpServers": {
    "excalidraw-mcp-app-server": {
      "type": "streamableHttp",
      "url": "https://mcp.excalidraw.com"
    }
  }
}

{
  "mcpServers": {
    "excalidraw-mcp-app-server": {
      "type": "streamable-http",
      "url": "https://mcp.excalidraw.com"
    }
  }
}

{
  "mcp": {
    "excalidraw-mcp-app-server": {
      "type": "remote",
      "url": "https://mcp.excalidraw.com"
    }
  }
}

{
  "context_servers": {
    "excalidraw-mcp-app-server": {
      "url": "https://mcp.excalidraw.com"
    }
  }
}

git clone https://github.com/excalidraw/excalidraw-mcp.git
cd excalidraw-mcp
pnpm install && pnpm run build

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Сервер дает агенту рисовать диаграммы в узнаваемом стиле от руки Excalidraw и показывать их прямо в чате. Отрисовка идет потоком с анимацией прорисовки, есть плавное панорамирование области просмотра, привязка подписей и полноэкранное интерактивное редактирование с экспортом на excalidraw.com. Поддерживаются контрольные точки для итеративных правок и возврат скриншота результата обратно модели. Сервер построен на расширении MCP Apps и предоставляет два инструмента: read_me с описанием формата элементов и create_view для отрисовки диаграммы.

Для кого. Для тех, кому нужны быстрые схемы и наброски от агента прямо в чате.

Пример запроса к агенту

Нарисуй схему: пользователь обращается к API-серверу, а тот ходит в базу данных

Ограничения

Интерактивная отрисовка и редактирование зависят от поддержки расширения MCP Apps в клиенте, работают Claude, ChatGPT, VS Code, Goose и другие совместимые клиенты. Есть готовый удаленный адрес, а для локального запуска нужен Node 18 и сборка из исходников или установка расширения из релиза. Отдельного ключа для удаленного сервера не требуется.

Как отключить. Удалите запись excalidraw из конфигурации MCP клиента. Если ставили расширение mcpb в Claude Desktop, удалите его в настройках расширений.

MCP

Транспорт

http, stdio

Авторизация

не нужна

Проверка безопасности

• Обращается к удаленному серверу и передает содержимое диаграммы по сети
• Локальный вариант запускает Node-сервер на машине пользователя

Коротко о README

README описывает MCP-сервер, который рисует диаграммы Excalidraw с потоковой отрисовкой, панорамированием, полноэкранным редактированием и экспортом. Он работает с клиентами, поддерживающими расширение MCP Apps. Рекомендуется удаленный адрес https://mcp.excalidraw.com, для локального варианта можно скачать расширение mcpb из релизов и открыть его в Claude Desktop или собрать сервер из исходников через pnpm и прописать в конфигурацию. Свою копию можно развернуть на Vercel без переменных окружения. Лицензия MIT.

Похожие