Mermaid Chart
Validates Mermaid syntax, renders diagrams as high-quality SVG, and displays them instantly in an interactive UI where users can preview, zoom, and iterate in real time.
About Mermaid Chart
Mermaid Chart validates Mermaid syntax and renders diagrams as high-quality SVGs with interactive previews. Its connector gives assistants diagramming context for previewing, correcting, and iterating on Mermaid diagrams.
Connection details
https://mcp.mermaid.ai/mcpTransport
Streamable HTTP
Authentication
OAuth
Setup
claude mcp add mermaid-chart --transport http https://mcp.mermaid.ai/mcpFrequently asked questions
What is the Mermaid Chart remote MCP server?
The Mermaid Chart remote MCP server is a hosted Model Context Protocol endpoint at https://mcp.mermaid.ai/mcp, so AI assistants can connect to it without installing or running anything locally.
How do I connect to the Mermaid Chart MCP server?
Add the endpoint https://mcp.mermaid.ai/mcp to any MCP-compatible client such as Claude Code, Cursor, or VS Code. The setup snippets on this page configure each client in one step.
Does the Mermaid Chart MCP server require authentication?
Yes. Mermaid Chart uses OAuth: the first time you connect, your MCP client opens a browser window to sign in and authorize access, then reuses the credentials for future sessions.
Which transport does the Mermaid Chart MCP server use?
Mermaid Chart exposes a Streamable HTTP endpoint, the transport used by remote MCP servers and supported by all major MCP clients.
%20-%20Sarah%20Xu.svg){kind=icon}
.png){kind=small}