claude-mermaid and mermaider
These are complementary tools: one provides live preview and rendering of Mermaid diagrams while the other validates their syntax before or after generation, enabling a complete diagram development workflow.
About claude-mermaid
veelenga/claude-mermaid
MCP Server to previewing mermaid diagrams with live reload
Implements an MCP server that streams Mermaid diagram renders to a local browser preview on port 3737, enabling real-time updates as Claude modifies diagram code. Supports multiple concurrent previews via `preview_id` parameters, persistent working files in `~/.config/claude-mermaid/live`, and export to SVG/PNG/PDF with customizable themes, dimensions, and styling. Integrates with Claude Code, Cursor, Cline, Windsurf, and other MCP-compatible clients through standard stdio transport configuration.
About mermaider
vtomilin/mermaider
MCP server to efficiently check all Mermaid diagram types for syntax errors
Related comparisons
Scores updated daily from GitHub, PyPI, and npm data. How scores work