Mermaid MCP Server

@MCP-Mirror

Repository

Basic information

About Mermaid MCP Server

Mirror of

#mathgpt #math-solver #math-assistant

Mermaid MCP Server config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "peng-shawn_mermaid-mcp-server": {
      "command": "npx",
      "args": [
        "tsc"
      ]
    }
  }
}

Mermaid MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

Fetch the live tool list by running this server in a temporary sandbox using the button above.

Overview

What is Mermaid MCP Server?

A Model Context Protocol (MCP) server that converts Mermaid diagram markdown code into PNG images using Puppeteer for headless browser rendering. It is designed for AI assistants and developers who need to generate visual diagrams from textual descriptions.

How to use Mermaid MCP Server?

Install via npx and configure as an MCP server in your client (e.g., Claude Desktop, Cursor). The tool generate accepts Mermaid code, optional theme and background color, and if CONTENT_IMAGE_SUPPORTED=false requires name and folder parameters to save the image to disk.

Key features of Mermaid MCP Server

Converts Mermaid diagram code to PNG images.
Supports diagram themes: default, forest, dark, neutral.
Customizable background colors.
Uses Puppeteer for high-quality headless browser rendering.
Returns images directly or saves them to disk.
Detailed error handling with descriptive messages.

Use cases of Mermaid MCP Server

Generate flowcharts, sequence diagrams, and class diagrams from text.
Create diagrams with specific themes and background colors.
Save diagrams to disk for use in documentation or projects.
Integrate with Claude Desktop, Cursor, or other MCP-compatible clients.

Frequently asked questions

Doesn't Claude desktop already support mermaid via canvas?

Yes, but it doesn't support the `theme` and `backgroundColor` options. A dedicated server also makes it easier to create diagrams with other MCP clients.

Why do I need to specify `CONTENT_IMAGE_SUPPORTED=false` when using with Cursor?

Cursor does not support inline images in responses, so the server saves the image to disk instead of returning it directly.

Comments

More Other MCP servers

The Living Bread

A free remote MCP server for The Living Bread. Bible passages read word for word from a stored public domain text with an evidence label, keyword search and cross references, real churches, gatherings and prayer groups w

Activepieces

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

23.2K

Blender

ahujasid

Open-source MCP to use Blender with any LLM

23.6K

DeepMark

DeepMark helps teachers deliver rapid, consistent marking with meaningful feedback for every student — in a fraction of the time. What once took a week, now takes one free period.

ICSS

chokcoco

不止于 CSS

20.7K