veelenga/claude-mermaid
by Various
MCP Server to previewing mermaid diagrams with live reload
MCP
veelenga/claude-mermaid
Added 1 June 2026
Overview
This tool is an MCP server that allows AI assistants to preview Mermaid diagrams with live reload. It serves Mermaid diagram source and renders them for real-time visualization during chat sessions.
Best for
Best for
Developers who want real-time Mermaid diagram previews inside an AI assistant
Use cases
- Viewing Mermaid diagrams in AI chat sessions
- Iterating on diagram designs with live updates
- Integrating diagram previews into AI-powered coding workflows
Notes
This tool is an MCP server that allows AI assistants to preview Mermaid diagrams with live reload. It serves Mermaid diagram source and renders them for real-time visualization during chat sessions.
154 stars on GitHub. Last updated 2026-05-28. Licensed MIT.
Use cases
- Viewing Mermaid diagrams in AI chat sessions
- Iterating on diagram designs with live updates
- Integrating diagram previews into AI-powered coding workflows
Pros
- Live reload updates diagrams instantly as code changes
- Works with Mermaid’s standard syntax without extra configuration
- Lightweight TypeScript implementation easy to extend
Cons
- Requires an MCP-compatible client like Claude Desktop
- Only supports Mermaid diagram format
- Limited to diagram preview; no editing or export features
Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.
Pros
- Live reload updates diagrams instantly as code changes
- Works with Mermaid's standard syntax without extra configuration
- Lightweight TypeScript implementation easy to extend
Cons
- Requires an MCP-compatible client like Claude Desktop
- Only supports Mermaid diagram format
- Limited to diagram preview; no editing or export features
Pairs with
Other entries in the index that connect to this one. Click through to see the chain.