Для чего этот сервер?

Этот MCP-сервер превращает разговор с AI-ассистентом в генерацию диаграмм и схем Mermaid. Вместо того чтобы вручную рисовать блок-схемы или временные графики, достаточно просто описать их словами — сервер сам создаст корректный SVG или PNG. Он решает задачу быстрой визуализации идей, архитектуры или процессов прямо внутри чата, экономя время разработчиков и аналитиков.

Каталог MCP
hustcc/mcp-mermaid

hustcc/mcp-mermaid

от hustcc

MCP сервер динамически генерирует диаграммы Mermaid через AI. Полезен для интеграции с ИИ-агентами: поддерживает экспорт в SVG, PNG, base64, настройку фона и темы. Работает через SSE и Streamable.

Github NPM Сайт сервера

README

Инструменты и схема сервера

Версии

Установить сервер

MCP Mermaid

Generate mermaid diagram and chart with AI MCP dynamically. Also you can use:

mcp-server-chart to generate chart, graph, map.
Infographic to generate infographic, such as Timeline, Comparison, List, Process and so on.
🖼️ figure.ling.pub/gallery to browse and share AI-generated diagrams and figures created with mcp-mermaid and other tools.

✨ Features

Fully support all features and syntax of Mermaid.
Support configuration of backgroundColor and theme, enabling large AI models to output rich style configurations.
Support exporting to base64, svg, mermaid, file, and remote-friendly svg_url, png_url formats, with validation for Mermaid to facilitate the model's multi-round output of correct syntax and graphics. Use outputType: "file" to automatically save PNG diagrams to disk for AI agents, or the URL modes to share diagrams through public mermaid.ink links.

🤖 Usage

To use with Desktop APP, such as Claude, VSCode, Cline, Cherry Studio, and so on, add the MCP server config below. On Mac system:

Часто задаваемые вопросы

У этого сервера пока нет списка инструментов.

`0.4.1`основная	12.02.2026
`0.4.0`	18.11.2025
`0.3.0`	14.10.2025
`0.2.1`	26.09.2025
`0.2.0`	13.09.2025
`0.1.3`	18.07.2025
`0.1.2`	22.05.2025
`0.1.1`	22.05.2025
`0.1.0`	21.05.2025
`0.0.1-beta.1`	20.05.2025

Выберите клиент, чтобы установить hustcc/mcp-mermaid:

Любой клиент

Конфиг добавления MCP сервера стандартный, обычно он не меняется вообще, поэтому подходит практически к любому ИИ клиенту, поддерживающему MCP.

{
  "mcpServers": {
    "hustcc-mcp-mermaid-cvgxq6d5ns": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

Cursor

Перейдите по ссылке и сервер автоматически будет добавлен в Cursor. Либо откройте/создайте файл ~/.cursor/mcp.json(%USERPROFILE%\.cursor\mcp.json на Windows) и добавьте конфиг сервера:

{
  "mcpServers": {
    "hustcc-mcp-mermaid-cvgxq6d5ns": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

VS Code

Создайте .vscode/mcp.json в проекте (ключ верхнего уровня — servers):

{
  "servers": {
    "hustcc-mcp-mermaid-cvgxq6d5ns": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

Либо добавьте сервер через терминал:

code --add-mcp "{\"name\":\"hustcc-mcp-mermaid-cvgxq6d5ns\",\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\",\"mcp-mermaid\"]}"

Claude Desktop

Откройте Settings → Developer → Edit Config — это откроет файл claude_desktop_config.json:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

Впишите сервер и полностью перезапустите Claude Desktop:

{
  "mcpServers": {
    "hustcc-mcp-mermaid-cvgxq6d5ns": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

Claude Code

Добавьте сервер одной командой в терминале:

claude mcp add hustcc-mcp-mermaid-cvgxq6d5ns -- npx -y mcp-mermaid

Либо через JSON-конфиг:

claude mcp add-json hustcc-mcp-mermaid-cvgxq6d5ns "{\"command\":\"npx\",\"args\":[\"-y\",\"mcp-mermaid\"]}"

Codex

Добавьте сервер командой в терминале:

codex mcp add hustcc-mcp-mermaid-cvgxq6d5ns -- npx -y mcp-mermaid

Либо вручную в ~/.codex/config.toml(%USERPROFILE%\.codex\config.toml на Windows):

[mcp_servers.hustcc-mcp-mermaid-cvgxq6d5ns]
command = "npx"
args = ["-y", "mcp-mermaid"]

Perplexity

MCP доступен подписчикам Perplexity Pro / Max / Enterprise. Локальные серверы — только в приложении для macOS.

Откройте Настройки аккаунта → Connectors.
Установите вспомогательное приложение PerplexityXPC (один раз).
Нажмите Add Connector → вкладка Simple.
В поле Server Name укажите hustcc/mcp-mermaid, а в поле команды запуска — строку ниже:

npx -y mcp-mermaid

Нажмите Save и дождитесь статуса Running.

Windsurf

Откройте Windsurf Settings → Cascade → MCP Servers или отредактируйте файл ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "hustcc-mcp-mermaid-cvgxq6d5ns": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

Cline

В панели Cline нажмите иконку MCP Servers → Configure → Configure MCP Servers (или отредактируйте ~/.cline/mcp.json) и добавьте сервер:

{
  "mcpServers": {
    "hustcc-mcp-mermaid-cvgxq6d5ns": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-mermaid"
      ],
      "disabled": false,
      "autoApprove": []
    }
  }
}

Continue

Создайте файл в .continue/mcpServers/ (например hustcc-mcp-mermaid-cvgxq6d5ns.yaml) или добавьте блок в config.yaml. MCP работает только в режиме agent:

mcpServers:
  - name: hustcc-mcp-mermaid-cvgxq6d5ns
    command: npx
    args:
      - "-y"
      - "mcp-mermaid"

Zed

Выполните agent: add context server или откройте настройки (zed: open settings file) и добавьте сервер в объект context_servers:

{
  "context_servers": {
    "hustcc-mcp-mermaid-cvgxq6d5ns": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

Конфиг для установки сервера

{
  "command": "npx",
  "args": [
    "-y",
    "mcp-mermaid"
  ]
}

Нужен npx

Сервер запускается через npx
Без него ничего работать не будет.

Как установить npx

Информация о сервере

Номер в рейтинге: #128
Звезд на Github: 645
Форков на Github: 61
Загрузок: 131 697
Язык реализации: TypeScript
Лицензия: MIT
Официальный сервер: Нет
Дата обновления данных: 20.10 в 06:20
Идентификатор: xjSKq5uB_A0buf5U
Категории: Визуализация данных

Похожие MCP-сервера

jinzcdev/markmap-mcp-server

от jinzcdev

Сервер Markmap MCP преобразует Markdown в интерактивные mind map с экспортом в PNG, JPG и SVG. Помогает визуализировать конспекты и структурировать заметки разработчикам и авторам.

hustcc/mcp-echarts

от hustcc

MCP сервер для генерации диаграмм и визуализации данных на базе Apache ECharts. Поддерживает все опции ECharts, экспорт в png/svg/option и интеграцию с MinIO. Лёгкий и безопасный — всё генерируется локально. Идеально подходит разработчикам, работающим с ИИ-помощниками для быстрого создания интера...

KyuRish/mcp-dashboards

от kyurish

MCP Dashboards превращает текстовые данные в интерактивные графики и дашборды прямо в диалоге с AI. Сервер включает 31 инструмент: от круговых диаграмм до геокарт и KPI-виджетов. Полезен аналитикам и менеджерам – визуализация без переключения контекста. Встроенные темы, экспорт в PNG, PPT, A4.

erajasekar/ai-diagram-maker-mcp

от erajasekar

MCP-сервер для генерации профессиональных диаграмм ПО из описания на естественном языке: схемы архитектуры, последовательности, ERD, UML. Поддерживает ввод текста, кода, ASCII-схем, изображений и M...

marzukia/charted

от marzukia

MCP сервер charted - лёгкий инструмент для создания 15 типов графиков (SVG/PNG) без внешних зависимостей. Запускается одной командой, идеален для AI-агентов и Python-проектов, готов к интеграции с ...

antv/mcp-server-chart

официальный

от antvis

MCP-сервер на базе AntV, который через инструменты модели создаёт более 26 видов графиков и карт. Интегрируется с Claude, VSCode и другими AI-клиентами, полезен для визуализации данных и анализа пр...