The reputation layer for AI skills, tools & agents

peng-shawn/mermaid-mcp-server

Score: 32.0 Rank #5391

A Model Context Protocol (MCP) server that converts Mermaid diagrams to PNG images

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 #5391 out of 25632 indexed tools.

Ecosystem

JavaScript MIT

Signal Breakdown

Stars 224
Freshness 8mo ago
Issue Health 44%
Contributors 5
Dependents 0
Forks 22
Description Good
License MIT

How to Improve

Description low impact

Expand your description to 150+ characters for better discoverability

Freshness high impact

Last commit was 268 days ago — a recent commit would boost your freshness score

Issue Health high impact

You have 5 open vs 4 closed issues — triaging stale issues improves health

Badge

AgentRank score for peng-shawn/mermaid-mcp-server
[![AgentRank](https://agentrank-ai.com/api/badge/tool/peng-shawn--mermaid-mcp-server)](https://agentrank-ai.com/tool/peng-shawn--mermaid-mcp-server)
<a href="https://agentrank-ai.com/tool/peng-shawn--mermaid-mcp-server"><img src="https://agentrank-ai.com/api/badge/tool/peng-shawn--mermaid-mcp-server" alt="AgentRank"></a>

Matched Queries

"mcp server""mcp-server""model context protocol""model-context-protocol"

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.js 
Read full README on GitHub →
Are you the maintainer? Claim this listing