mermaid-mcp-server MCP Server
peng-shawn/mermaid-mcp-server
[](https://agentrank-ai.com/tool/peng-shawn--mermaid-mcp-server/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) Are you the maintainer of peng-shawn/mermaid-mcp-server? Claim this listing →
A Model Context Protocol (MCP) server that converts Mermaid diagrams to PNG images
Add AgentRank to Claude Code Discover and compare tools like peng-shawn/mermaid-mcp-server — your AI finds the right one automatically
Get API Access → claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
peng-shawn/mermaid-mcp-server is a JavaScript MCP server licensed under MIT. A Model Context Protocol (MCP) server that converts Mermaid diagrams to PNG images
Ranked #18799 out of 24846 indexed tools.
Ecosystem
JavaScript MIT
Score Breakdown
Stars 15% 235
235 stars → growing community
Freshness 25% 1y ago
Last commit 1y ago → stale
Issue Health 25% 40%
4/10 issues closed → many open issues
Contributors 10% 5
5 contributors → small team
Dependents 25% 0
No dependents → no downstream usage
npm Downloads N/A
PyPI Downloads N/A
Forks 20
Description Good
License MIT
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
How to Improve
Description low impact
Freshness high impact
Issue Health high impact
Matched Queries
From the README
# 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: 1. Launching a headless browser instance 2. Creating an HTML template with the Mermaid code 3. Loading the Mermaid.jsRead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.