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.
Implements an MCP server supporting stdio, SSE, and Streamable transports for AI clients (Claude, VSCode, Cline) to generate Mermaid diagrams with configurable themes and styling. Offers multiple export formats including base64, SVG, PNG files, and shareable mermaid.ink URLs, with syntax validation to help models iteratively correct diagram outputs.
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.
Related comparisons
Scores updated daily from GitHub, PyPI, and npm data. How scores work