Mermaid MCP App

An MCP App that renders Mermaid diagrams in an interactive viewer with pan, zoom, and a built-in source editor. Edit diagrams directly in the split-view editor and send the updated source back to the LLM to continue the conversation with your changes. Works in Claude Desktop, VS Code, and any MCP-App-compatible host. It runs locally over stdio via the published package.

People connecting this server to Claude, Cursor, VS Code, or another MCP client. The project is written in TypeScript.

VERIFIED ACTIVE

LAST COMMIT 2026-03-25 · ★ 2 · #605 OF 848 MAINTAINED OTHER · VERIFIED 2026-08-25

TypeScript servers · how we verify → /methodology

01 · Install Mermaid MCP App

Claude Code

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

Claude Desktop / Cursor / VS Code - add to config

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

Same JSON for Cursor. For VS Code, rename the top-level key from `mcpServers` to `servers`.

Using another client? Same JSON, different key

Claude Desktop · mcpServers

Cursor · mcpServers

VS Code · servers

Windsurf · mcpServers

Zed · context_servers

Cline · mcpServers

Roo Code · mcpServers

Continue · mcpServers

LibreChat · mcpServers

Gemini CLI · mcpServers

Codex CLI · mcp_servers

Full setup guides: every client.

02 · Evidence

Security posture

What to check before giving this server access to your agent - from the registry, GitHub, and our own probes. We don't score safety; we show what's verifiable.

runs as local process (stdio) - runs on your machine with your user's permissions

license no standard license detected - usage rights unclear; check the repo before commercial use

npm package mermaid-mcp-app - unscoped; check the name against the project README before installing

registry namespace io.github.finfin is GitHub-verified and matches the repo owner

03 · What Mermaid MCP App can do

Prose above is summarized from the project's README and registry record - no invented capabilities.

Latest releases

v0.4.3 · 2026-03-25

disable autoResize - diagram viewer is a fixed-window UI and does not benefit from SDK's ResizeObserver height reporting · read containerDimensions from host context on connect and apply Fixed/Flexible/Unbounded CSS…

v0.4.2 · 2026-03-25

Fix README image links for npm registry display · Add repository, homepage, and bugs URLs to package.json

v0.4.1 · 2026-03-25

Fix spec-correct containerDimensions handling + min-height 600px guarantees · Refine description wording, simplify theme options, clean up container sizing logic · Remove build artifacts and local files from repo

04 · Who maintains Mermaid MCP App

mermaid-mcp-app is maintained by finfin. It's the only MCP server we track from this author; the repo dates to Mar 2026.

05 · Facts

repository: github.com/finfin/mermaid-mcp-app
category: other - ranked #605 of 848 actively-maintained other servers as of 2026-08-25.
registry: io.github.finfin/mermaid-mcp-app (active, first published 2026-03-22)
packages: npm:mermaid-mcp-app

06 · Mermaid MCP App FAQ

What is Mermaid MCP App?

Is Mermaid MCP App still maintained?

Yes - as of 2026-08-25, its last commit was 2026-03-25. We re-verify nightly.

How do I install Mermaid MCP App?

Run `npx -y mermaid-mcp-app`. You can also paste the ready-made client config above.

Does Mermaid MCP App run locally?

Yes - it's a stdio server: it runs on your machine (via npx) with your user's permissions. Your data stays local unless the server itself calls external APIs.

07 · Alternatives to Mermaid MCP App

Alternatives to Mermaid MCP App

Maintained other servers if Mermaid MCP App isn't the fit.

More MCP servers to compare · fipeX MCP · Dyslex Ia · Flight505 MCP Dincoder · Yazio MCP

More TypeScript MCP servers · Fr24api MCP · Fatsecret MCP · see all