M

Mermaid Live

Verified Integration
Author: @iishyfishyyCategory: ServerApplication
JSON-RPC 2.0
Protocol Standard
Sub-second
Execution Latency
Active
Operational Status

Client Configuration

— Connect Mermaid Live to Claude Desktop or Cursor in seconds
{
  "mcpServers": {
    "mermaid-live": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mermaid-live"
      ],
      "env": {}
    }
  }
}
Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).
Architecture & Capabilities

System Overview

Generate and display Mermaid diagrams in real-time with live browser previews and export capabilities.

Indexed Date

7/23/2026

License

Open Source

Protocol Layer

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 →
C
@carboneio
Carbone

Empower AI assistants to generate and convert documents, manage templates, and automate document workflows efficiently.

ClaudeSearchDatabase+65 FAQs
Learn more
C
@sebastienrousseau
CloudCDN

Provides a multi-tenant, AI-native Content Delivery Network deployable on Cloudflare, featuring sub-100ms TTFB, AI agent controllability, and comprehensive accessibility.

ClaudeSearchDatabase+65 FAQs
Learn more

Deploy a Model Context Protocol server on Cloudflare Workers without requiring authentication.

ClaudeSearchDatabase+55 FAQs
Learn more