Description

This MCP server provides AI assistants with Mermaid diagram generation capabilities, built by hustcc and BQXBQX using TypeScript with the Model Context Protocol SDK and mermaid-isomorphic for server-side rendering. The implementation offers a single tool for creating diagrams by accepting Mermaid syntax along with customization options for themes (default, base, forest, dark, neutral), background colors, and output formats (PNG images, SVG strings, or raw Mermaid syntax), featuring input validation through Zod schemas and multiple transport protocols including stdio, SSE, and HTTP streamable. Built with Docker containerization, comprehensive testing infrastructure, and flexible deployment options, it serves developers creating visual documentation from conversational queries, technical writers generating flowcharts and system diagrams, and business users building process documentation without direct Mermaid API interaction.

Installation 

git clone https://github.com/hustcc/mcp-mermaid

Claude Desktop Configuration

Add this configuration to your Claude Desktop config file to enable this MCP server:

Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json

Config file location: %APPDATA%\Claude\claude_desktop_config.json

Config file location: ~/.config/Claude/claude_desktop_config.json

claude_desktop_config.json 
{
  "mcpServers": {
    "mermaid": {
      "command": "node",
      "args": [
        "path/to/server.js"
      ]
    }
  }
}