Advertise
MCP.so
Sign In

Mermaid MCP Server

@abekdwight

Repository

Basic information

Category

Other

License

MIT license

Transports

stdio

Author

abekdwight

About Mermaid MCP Server

An MCP server providing tools for validating and rendering Mermaid diagrams.

#mermaid#mcp-server#diagram-rendering

Mermaid MCP Server config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

Mermaid MCP Server tools

9

** Validate Mermaid syntax without rendering.

** `{ "mermaid_code": "string" }`

** Text indicating success or failure with error details.

** Render Mermaid code to SVG format.

** `{ "mermaid_code": "string" }`

** SVG content as text (`mimeType: 'image/svg+xml'`) or an error message.

** Get a link to the official Mermaid documentation.

** `{}` (No input required)

** Text containing the URL.

Overview

What is Mermaid MCP Server?

A Model Context Protocol (MCP) server that provides tools for validating and rendering Mermaid diagrams. It enables AI assistants like Roo to check Mermaid syntax, render diagrams into SVG format, and access official documentation links.

How to use Mermaid MCP Server?

Install globally with npm install -g mermaid-mcp-server, then configure the server in your MCP client’s settings file (e.g., Roo Cline’s mcp_settings.json) by adding an entry under mcpServers. Restart VSCode; the tools validate_mermaid, render_mermaid_svg, and get_mermaid_docs_link will then be available to the AI assistant.

Key features of Mermaid MCP Server

  • Validate Mermaid diagram syntax
  • Render valid Mermaid code to SVG format
  • Provide a link to official Mermaid documentation
  • Integrates seamlessly with MCP‑compatible clients
  • Uses @mermaid-js/mermaid-cli and Puppeteer for rendering

Use cases of Mermaid MCP Server

  • Check Mermaid code correctness before generating diagrams
  • Generate SVG images from Mermaid diagrams via an AI assistant
  • Quickly retrieve the official Mermaid documentation URL

Frequently asked questions

1

What does Mermaid MCP Server do?

It provides three MCP tools: `validate_mermaid` checks syntax, `render_mermaid_svg` converts valid Mermaid code to SVG, and `get_mermaid_docs_link` returns the documentation URL.

2

What are the runtime requirements?

Node.js v18 or later, npm or yarn, a compatible MCP client (e.g., Roo Cline VSCode Extension), and network connectivity on first run for Puppeteer to download Chromium.

3

How do I configure the server with Roo Cline?

Install globally, then add a `mermaid-mcp-server` entry in the Roo Cline MCP settings file with `"command": "mermaid-mcp-server"`. If built from source, use `"command": "node"` with the absolute path to `build/index.js` as an argument.

4

Where does the server process data?

All validation and rendering happens locally on the machine where the server runs. No external services are called beyond the Puppeteer download.

5

What transport does the server use?

The server communicates via standard input/output (stdio), the default MCP transport. No authentication or network endpoints are configured.

Comments

More Other MCP servers

Soar Flight Booking MCP

Soar Flight Booking MCP is a remote MCP server available at https://mcp.soar.flights.

Codelf

unbug

A search tool helps dev to solve the naming things problem.

14.2K

Blender

ahujasid

Open-source MCP to use Blender with any LLM

23.6K

Lemon.io

lemon-io

Request dedicated senior developers to work on your project, write job descriptions, and prep technical interviews — all without leaving your Claude chat. Just describe what you need, and Lemon.io MCP does the rest. 1–3

Awesome Mlops

visenger

A curated list of references for MLOps

14.0K
Advertise