Диаграммы Mermaid с превью

Claude Mermaid MCP Server

Сервер сообщества для рисования диаграмм Mermaid. Диаграмма открывается в браузере и обновляется по мере того, как вы уточняете её вместе с ИИ.

Что умеет

Действия, которые сервер открывает для ИИ. Моноширинным шрифтом — их технические названия.

Скопируйте и отправьте в чат после подключения.

Нарисуй блок-схему процесса авторизации пользователя.

Построй диаграмму последовательности для процесса оплаты и сохрани в ./docs/pay.svg.

Выберите приложение, в котором работаете с ИИ.

Понадобится: Node.js.
Установите пакет глобально: npm install -g claude-mermaid.
Откройте Claude → Настройки → Разработчик → «Изменить конфиг».
Вставьте блок ниже в файл. Если в файле уже есть «mcpServers», добавьте внутрь только ваш сервер.
Сохраните файл и перезапустите Claude — в чате появится значок подключённых инструментов.

claude_desktop_config.json

{
  "mcpServers": {
    "mermaid": {
      "command": "claude-mermaid"
    }
  }
}

Живое превью открывается по адресу http://localhost:3737. Рабочие файлы превью хранятся в ~/.config/claude-mermaid/live.

Сервер поднимает локальный веб-сервер для превью и записывает файлы диаграмм по тем путям, которые вы указываете в запросе.