mermaid-mcp-app

About mermaid-mcp-app

Use mermaid-mcp-app with your agent

claude mcp add mermaid-mcp-app -- npx -y mermaid-mcp-app

{
  "mcpServers": {
    "mermaid-mcp-app": {
      "command": "npx",
      "args": [
        "-y",
        "mermaid-mcp-app"
      ]
    }
  }
}

Frequently asked questions

What is mermaid-mcp-app?

mermaid-mcp-app is an MCP (Model Context Protocol) server by finfin in the Developer Tools category. MCP App that renders Mermaid diagrams as interactive UI in Claude, VS Code and other MCP clients

How do I connect mermaid-mcp-app to Claude, Cursor, or another MCP client?

Install mermaid-mcp-app from its npm package (mermaid-mcp-app) and register it under "mcpServers" in your client's MCP configuration — for example claude_desktop_config.json or Cursor's mcp.json — then restart the client.

Is mermaid-mcp-app open source?

Yes — the source code is public at github.com/finfin/mermaid-mcp-app, with 1 GitHub stars.

Can AI agents pay to use mermaid-mcp-app?

Not yet through Loomal — mermaid-mcp-app is listed as a free directory entry. If its maintainer verifies ownership, they can set per-call USDC pricing that agents pay over x402, with settlement on Base.