Claude Mermaid MCP Server
MCP server for rendering Mermaid diagrams in Claude Code with live reload functionality and a built-in skill for expert guidance.
Automatically renders diagrams in your browser with real-time updates as you refine them. Perfect for iterative diagram development and documentation workflows.
✨ Features
- 🔄 Live Reload - Diagrams auto-refresh in your browser as you edit
- 🎨 Multiple Save Formats - Export to SVG, PNG, or PDF
- 🌈 Themes - Choose from default, forest, dark, or neutral themes
- 📐 Customizable - Control dimensions, scale, and background colors
- 🪄 Interactive Preview - Pan diagrams by dragging, zoom with browser controls, reset position with one click
- ⬇️ Browser Export - Download diagrams as SVG or PNG directly from the preview
- 🗂️ Multiple Previews - Use
preview_idto work on multiple diagrams simultaneously - 💾 Persistent Working Files - Live previews are stored under
~/.config/claude-mermaid/live - 🤖 Built-in Skill - Includes a Claude skill with best practices and expert guidance for creating diagrams
