What diagram types does mermaid-mcp-app support?

It supports all standard Mermaid diagram types including flowcharts, sequence diagrams, class diagrams, state diagrams, entity relationship diagrams, Gantt charts, and more. Refer to Mermaid's documentation for the complete list of supported syntax.

How do I install and use this MCP server?

Install via `npx mermaid-mcp-app@0.3.2`. Once installed, connect it to your MCP client (Claude, VS Code, etc.) using stdio transport. Diagrams will render interactively in your client's UI.

Which MCP clients are compatible?

The server works with Claude, VS Code, and other MCP-compatible clients that support stdio transport. Check your client's MCP integration documentation for setup instructions.

Can I export or save the rendered diagrams?

The server renders diagrams as interactive UI within your MCP client. Export options depend on your client's capabilities—refer to your client's documentation for screenshot, SVG, or PNG export features.

What if my diagram syntax is invalid?

Mermaid will display an error message in the rendered output. Check your diagram syntax against the Mermaid documentation and correct any issues in your prompt or code.

MCP ServerSTDIOOfficialv0.3.2

Finfin Mermaid MCP App MCP Server

Render Mermaid diagrams as interactive visualizations directly in Claude, VS Code, and other MCP clients. Developers can generate flowcharts, sequence diagrams, and other visual documentation without leaving their chat or editor.

io.github.finfin/mermaid-mcp-app

Try MCP with AI models View source

Hosted URL

Local install

Transport

STDIO

Auth

No auth required

What the Finfin Mermaid MCP App MCP server does

How models use it and what it is built for.

Connect to Finfin Mermaid MCP App

Local install — runs as a subprocess.

npx mermaid-mcp-app@0.3.2

Resources

Where to find authoritative docs and source for Finfin Mermaid MCP App.

Source repository

Example prompts for Finfin Mermaid MCP App

Paste any of these into Agent Studio after connecting Finfin Mermaid MCP App.

Create a Mermaid flowchart showing a user authentication workflow
Draw a sequence diagram for a microservices API request
Generate an entity relationship diagram for a database schema
Build a Gantt chart for a software project timeline

Finfin Mermaid MCP App MCP server — FAQ

Common questions about connecting and running Finfin Mermaid MCP App.

What diagram types does mermaid-mcp-app support?
It supports all standard Mermaid diagram types including flowcharts, sequence diagrams, class diagrams, state diagrams, entity relationship diagrams, Gantt charts, and more. Refer to Mermaid's documentation for the complete list of supported syntax.
How do I install and use this MCP server?
Install via `npx mermaid-mcp-app@0.3.2`. Once installed, connect it to your MCP client (Claude, VS Code, etc.) using stdio transport. Diagrams will render interactively in your client's UI.
Which MCP clients are compatible?
The server works with Claude, VS Code, and other MCP-compatible clients that support stdio transport. Check your client's MCP integration documentation for setup instructions.
Can I export or save the rendered diagrams?
The server renders diagrams as interactive UI within your MCP client. Export options depend on your client's capabilities—refer to your client's documentation for screenshot, SVG, or PNG export features.
What if my diagram syntax is invalid?
Mermaid will display an error message in the rendered output. Check your diagram syntax against the Mermaid documentation and correct any issues in your prompt or code.

Skip the local setup — run MCP in your browser

MCP Playground runs 10,000+ hosted MCP servers — GitHub, Linear, Notion, Stripe, Sentry and more — across Claude, GPT, Gemini, DeepSeek and 60+ AI models. Compare model answers side-by-side, save agent presets, share runs. Zero install.

Open Agent Studio