MCP Catalogs
Home

mermaid-mcp

by Narasimhaponnada·42·Score 44

AI-powered Mermaid diagram generation MCP server for GitHub Copilot, Claude, and custom LLM applications.

developer-toolsai-llmproductivity
5
Forks
0
Open issues
6 mo ago
Last commit
2d ago
Indexed

Overview

The Mermaid MCP Server enables AI assistants to generate professional architecture diagrams, flowcharts, sequence diagrams, and more using natural language. It provides a Model Context Protocol interface for seamless integration with AI coding assistants like GitHub Copilot and Claude. The server supports 22+ diagram types including flowcharts, sequences, ERDs, state machines, and Gantt charts, producing production-ready SVG files.

Try asking AI

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

you:Generate architecture diagrams for technical documentation
you:Create flowcharts for CI/CD pipelines and GitHub Actions
you:Build sequence diagrams for user authentication workflows

When to choose this

Choose this when you need to generate diagrams through AI assistants and want professional-quality SVG output without installing diagramming tools locally.

When NOT to choose this

Don't choose this if you need real-time collaboration features or require diagram editing capabilities beyond what AI can generate.

Tools this server exposes

1 tool extracted from the README
  • generate_mermaid_diagram

    Generate various types of diagrams including flowcharts, sequence diagrams, architecture diagrams, and more using natural language descriptions.

Note: Inferred from usage examples and server description, as the README doesn't explicitly list tool names or signatures. Based on the server's purpose of generating Mermaid diagrams via MCP.

Comparable tools

diagrams-mcpdraw.io-mcpplantuml-mcp

Installation

Installation

Option 1: Install from NPM (Recommended)
npm install -g @narasimhaponnada/mermaid-mcp-server
mermaid-mcp --version
Option 2: Install from Source
git clone https://github.com/Narasimhaponnada/mermaid-mcp.git
cd mermaid-mcp/mermaid-mcp-server
npm install
npm run build

Configure with GitHub Copilot

Add to your VS Code settings:

{
  "github.copilot.mcp.servers": {
    "mermaid": {
      "command": "mermaid-mcp"
    }
  }
}

Configure with Claude Desktop

Add to Claude Desktop config.json:

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

Compare mermaid-mcp with

GitHub →

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