Mermaid Live
Verified IntegrationClient Configuration
— Connect Mermaid Live to Claude Desktop or Cursor in seconds{
"mcpServers": {
"mermaid-live": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-mermaid-live"
],
"env": {}
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).System Overview
Generate and display Mermaid diagrams in real-time with live browser previews and export capabilities.
7/23/2026
Open Source
stdio / SSE RPC
Frequently Asked Questions
Architecture and operational details for Mermaid Live
It renders diagrams as SVG in real-time via WebSocket directly in your browser. Any updates to the Mermaid syntax are pushed instantly to the browser tab, eliminating the need for page refreshes.
Related MCP Servers
Browse all servers →Empower AI assistants to generate and convert documents, manage templates, and automate document workflows efficiently.
Provides a multi-tenant, AI-native Content Delivery Network deployable on Cloudflare, featuring sub-100ms TTFB, AI agent controllability, and comprehensive accessibility.
Deploy a Model Context Protocol server on Cloudflare Workers without requiring authentication.