Claude Mermaid MCP Server

Example Use Cases

• 1

  Render and preview Mermaid diagrams live with automatic browser refresh.

• 2

  Export diagrams in multiple formats like SVG, PNG, or PDF.

• 3

  Expert guidance and best practices for creating Mermaid diagrams within Claude Code.

Description

Claude Mermaid MCP Server enables real-time rendering and live preview of Mermaid diagrams directly in the browser, supporting multiple export formats and themes. It integrates seamlessly with Claude Code and other MCP-compatible clients, providing interactive diagram previews with pan, zoom, and export capabilities. The built-in skill offers expert guidance and best practices for creating and refining diagrams iteratively.