mermaid-mcp-server — MCP Server by peng-shawn

About mermaid-mcp-server

Mermaid MCP Server A Model Context Protocol (MCP) server that converts Mermaid diagrams to PNG images or SVG files. This server allows AI assistants and other applications to generate visual diagrams from textual descriptions using the Mermaid markdown syntax. Features Converts Mermaid diagram code to PNG images or SVG files Supports multiple diagram themes (default, forest, dark, neutral) Customizable background colors Uses Puppeteer for high-quality headless browser rendering Implements the MCP protocol for seamless integration with AI assistants Flexible output options: return images/SVG directly or save to disk Error handling with detailed error messages How It Works The server uses Puppeteer to launch a headless browser, render the Mermaid diagram to SVG, and optionally capture a screenshot of the rendered diagram. The process involves: Launching a headless browser instance Creating an HTML template with the Mermaid code Loading the Mermaid.js library Rendering the diagram to SVG Either saving the SVG directly or taking a screenshot as PNG Either returning the image/SVG directly or saving it to disk Build Usage Use with Claude desktop Use with Cursor and Cline You

Quick Facts

Compatible Skills

These tools work well together with mermaid-mcp-server for enhanced workflows:

• linear-mcp-server — semantic(0.29)+same_lang+similar_pop+shared_platform (45%)

More MCP Server Tools

Explore other popular mcp server tools:

• n8n ⭐ 194.9k
• gemini-cli ⭐ 105.7k
• awesome-mcp-servers ⭐ 89.8k
• TrendRadar ⭐ 60.2k
• context7 ⭐ 58.4k
• UI-TARS-desktop ⭐ 37.4k
• chrome-devtools-mcp ⭐ 45.1k
• github-mcp-server ⭐ 31.1k
• gpt-researcher ⭐ 27.9k
• Scrapling ⭐ 67.2k

Popular JavaScript Agent Tools

• xiaozhi-esp32-server ⭐ 9.9k · MCP Server
• browser-tools-mcp ⭐ 7.1k · MCP Server
• firecrawl-mcp-server ⭐ 6.8k · MCP Server
• deep-research ⭐ 4.6k · MCP Server
• brightdata-mcp ⭐ 2.5k · MCP Server

Frequently Asked Questions