Mermaid Diagram Converter

MCPOpen Source14.0

by gkctou • Visualization & Charts

Converts Mermaid diagram code into high-quality images (SVG/PNG/JPEG/WebP/PDF) and provides URLs or saved files for easy sharing and embedding.

Example Use Cases

1
Convert Mermaid code produced in a chat into a shareable image URL for embedding in responses or documents.
2
Automatically save Mermaid diagrams from conversations to the user's downloads folder or a specified file path.
3
Obtain raw SVG source of a Mermaid diagram for embedding, editing, or further document processing.

Description

mcp-mermaid-img transforms Mermaid diagrams (such as flowcharts, sequence diagrams, and Gantt charts) into high-quality image files or image URLs with one command. It supports multiple output formats, themes, background colors, sizing/scale options, and PDF page settings. The package integrates with Claude Desktop as an MCP server and exposes three tools (mermaid-to-url, mermaid-to-file, mermaid-to-svg) to preview, save, or retrieve SVG source. It's lightweight, TypeScript-friendly, cross-platform, and designed to simplify sharing diagrams without screenshots.

Capabilities(3 total)

Tools (3)

mermaid-to-url

Convert Mermaid diagram code to image URL. This tool generates a URL that can be used to: 1. Display the diagram directly in AI/LLM responses 2. Download and save the diagram as an image file 3. Share the diagram through the generated URL Note: For SVG format, it's recommended to use the mermaid-to-svg tool instead as it provides direct access to the SVG content. Supports multiple output formats (SVG, PNG, JPEG, WebP, PDF) and customization options like themes, colors, and dimensions.

mermaid:string*type:stringtheme:stringbgColor:stringwidth:numberheight:numberscale:numberfit:booleanpaper:stringlandscape:boolean

mermaid-to-file

Convert Mermaid diagram code to image and save to Downloads folder or specified absolute path. This tool generates an image file from the diagram and saves it to the system Downloads folder or a specified absolute path. The filename can be provided with or without extension - if the extension is missing or doesn't match the output format, the correct extension will be automatically added.

mermaid:string*type:stringtheme:stringbgColor:stringwidth:numberheight:numberscale:numberfit:booleanpaper:stringlandscape:booleanfilename:string*

mermaid-to-svg

Convert Mermaid diagram code to SVG content. This tool is the recommended way to get SVG output as it provides direct access to the SVG markup, which can be used for: 1. Direct embedding in HTML/XML documents 2. Further SVG manipulation or styling 3. Vector-based scaling without quality loss The tool returns the raw SVG content as a string, making it ideal for any use case requiring vector graphics or SVG manipulation.

mermaid:string*theme:stringbgColor:stringwidth:numberheight:numberscale:number

Quick Actions

View on GitHub

Security

Scanned 2 month(s) ago

Risk Level

MINIMAL

Read-only data retrieval, no side effects

Trust Score

C53/100

8/17 checks passed

Scores are informational only and provided “as is” without warranty. AgentHotspot assumes no liability for actions taken based on these ratings.

Quick Stats

Service TypeMCP

Pricing ModelFree

Capabilities3 Tools / 0 Prompts / 0 Resources

Ownergkctou

CategoryVisualization & Charts

DependenciesStandalone

Set Your Username