claude-mermaid and mcp-mermaid-validator
These are complementary tools: one provides live preview and rendering of Mermaid diagrams while the other focuses on validation, so they could be used together in a workflow where diagrams are first validated for correctness, then previewed for visual output.
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 mcp-mermaid-validator
rtuin/mcp-mermaid-validator
A Model Context Protocol server that validates and renders Mermaid diagrams.
This tool helps developers working with Large Language Models (LLMs) by validating Mermaid diagrams and converting them into images. You provide Mermaid syntax, and it checks for errors while generating a PNG image. This is for developers building AI applications that need to interpret or generate visual diagrams for their users.
Related comparisons
Scores updated daily from GitHub, PyPI, and npm data. How scores work