claude-mermaid

veelenga/claude-mermaid
★ 144 stars TypeScript 🤖 AI/LLM Updated 7d ago
MCP Server to previewing mermaid diagrams with live reload
View on GitHub →

Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "claude-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "veelenga/claude-mermaid"
      ]
    }
  }
}

README Excerpt

MCP server for rendering Mermaid diagrams in Claude Code with **live reload** functionality and a built-in skill for expert guidance. Automatically renders diagrams in your browser with real-time updates as you refine them. Perfect for iterative diagram development and documentation workflows. - 🔄 **Live Reload** - Diagrams auto-refresh in your browser as you edit

Topics

claude-codemcp-server