Mermaid Chart

official

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.

View on claude.comTry this MCPSponsored

What can you do with Mermaid Chart MCP?

  • Validate Mermaid syntax — Ask your assistant to check a diagram's code for errors before rendering it as an SVG.
  • Render diagrams to SVG — Have the assistant generate high-quality SVG output from your Mermaid code with interactive previews.
  • Iterate on diagram corrections — Request fixes to syntax issues and re-render the corrected diagram for review.

Hosted MCP Server

Publisher-listed; authentication not verified

npx add-mcp 'https://chatgpt.mermaid.ai/anthropic/mcp'

Installs into Claude Code, Codex, Cursor, VS Code and more

Documentation

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

https://chatgpt.mermaid.ai/anthropic/mcp

MCP Apps endpoint: public rendering plus account-bound tools with sign-in. Authentication is deliberately unknown rather than falsely describing all tools as anonymous. The other legacy Mermaid endpoint is a different server and is not merged.

Publisher or official connector listing