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
This tool helps developers and technical writers quickly visualize Mermaid diagrams as they create or edit them. You provide text-based Mermaid code to an AI coding assistant like Claude Code, and it automatically generates and displays a live, interactive diagram in your web browser. This allows for real-time feedback and iterative refinement of diagrams for documentation, architectural overviews, or process flows.
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