Динамически генерируйте диаграмму русалки и график с помощью AI MCP. Также вы можете использовать:

• MCP-server-chart для генерации диаграммы, графика, карты.
• Инфографика для создания инфографики, такой как Timeline, Comparison, List, Process и так далее.
• 🖼️ figure.ling.pub/gallery для просмотра и обмена диаграммами и фигурами, созданными ИИ, с помощью MCP-Mermaid и других инструментов.

✨ Особенности

• Полная поддержка всех функций и синтаксиса Mermaid.

• Поддержка конфигурации backgroundColor и theme, позволяя большим ИИ-моделям создавать конфигурации с богатым стилем.

• Поддержка экспорта в форматы base64, svg, mermaid, [file и удалённо дружественные [svg_url, png_url, с валидацией для Mermaid для облегчения многораундового вывода правильного синтаксиса и графики. Используйте outputType: "file" для автоматического сохранения PNG-диаграмм на диск для AI-агентов или URL-режимы для обмена диаграммами через публичные ссылки mermaid.ink.

🤖 Использование

Чтобы использовать с помощью Desktop APP, таких как Claude, VSCode, Cline, Cherry Studio и другие, добавьте конфигурацию сервера MCP ниже. На системе Mac:

В системе Windows:

Также вы можете использовать его на aliyun, modelscope, glama.ai, smithery.ai или других с HTTP, SSE Protocol.

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:

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

On Window system:

{
  "mcpServers": {
    "mcp-mermaid": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

Also, you can use it on aliyun, modelscope, glama.ai, smithery.ai or others with HTTP, SSE Protocol.

Access Points:

• SSE: http://localhost:3033/sse
• Streamable: http://localhost:1122/mcp

Available Docker Tags:

• susuperli/mcp-mermaid:latest - Latest stable version