mcp-mermaid and claude-mermaid
These are complementary tools: one generates Mermaid diagrams from AI prompts while the other provides live preview and rendering capabilities for viewing the generated diagrams.
About mcp-mermaid
hustcc/mcp-mermaid
❤️ Generate mermaid diagram and chart with AI MCP dynamically.
This tool helps developers who are integrating AI models into their applications. It takes natural language or structured data describing diagrams and charts, and outputs visual representations in formats like SVG or PNG, or as code for Mermaid diagrams. It's designed for developers building AI agents or applications that need to dynamically generate visual content.
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.
Related comparisons
Scores updated daily from GitHub, PyPI, and npm data. How scores work