MCP Catalogs
Homemcp-mermaid screenshot

mcp-mermaid

by hustcc·555·Score 51

An MCP server that generates Mermaid diagrams and charts with AI dynamically.

productivitydeveloper-toolsai-llm
51
Forks
6
Open issues
this month
Last commit
2d ago
Indexed

Overview

MCP Mermaid is a fully-featured MCP server that provides tools to generate Mermaid diagrams and charts using AI. It supports all Mermaid syntax and features, allowing users to create various types of diagrams including flowcharts, sequence diagrams, Gantt charts, and more. The server offers multiple output formats including base64, SVG, PNG, and file exports, with support for custom styling options like background colors and themes.

Try asking AI

After installing, here are 5 things you can ask your AI assistant:

you:Generate documentation diagrams for technical articles and wikis
you:Create process flowcharts for business documentation and presentations
you:Produce architectural diagrams for software development documentation
you:What transport protocols does MCP Mermaid support?
you:What output formats are available for generated diagrams?

When to choose this

Choose MCP Mermaid when you need to generate diagrams within AI applications and want multiple output format options, including public sharing via mermaid.ink links.

When NOT to choose this

Don't choose this if you need advanced chart types beyond Mermaid's capabilities or require real-time collaborative editing features.

Tools this server exposes

1 tool extracted from the README
  • generate_mermaid_diagramnull

    Generate mermaid diagrams and charts with customizable styling and export options

Note: The README describes the server's capabilities for generating mermaid diagrams but doesn't explicitly list tool names. The tool name was inferred from the main functionality description.

Comparable tools

mcp-server-chartdiagrams.netdraw.ioexcalidraw

Installation

Installation

Desktop App Configuration

Add the following MCP server configuration to your Desktop App (Claude, VSCode, Cline, Cherry Studio, etc.):

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

Global Installation

npm install -g mcp-mermaid

Docker Usage

docker pull susuperli/mcp-mermaid:latest
docker run -p 3033:3033 susuperli/mcp-mermaid:latest --transport sse

FAQ

What transport protocols does MCP Mermaid support?
MCP Mermaid supports three transport protocols: stdio (for MCP client integration), SSE (Server-Sent Events on port 3033), and Streamable HTTP (port 1122).
What output formats are available for generated diagrams?
The server supports multiple output formats: base64, SVG, mermaid code, file (PNG), and remote-friendly svg_url and png_url formats.

Compare mcp-mermaid with

GitHub →

Last updated · Auto-generated from public README + GitHub signals.