Mermaid Mcp App
by finfincommunityv0.3.2
1
1
The Mermaid MCP App renders Mermaid diagrams in an interactive viewer, allowing users to edit diagrams and send updates back to an LLM for further interaction. It supports various diagram types and features like pan, zoom, and a split-view editor.
From the registry: MCP App that renders Mermaid diagrams as interactive UI in Claude, VS Code and other MCP clients
Install & configure
Install in your client
Paste into the AI you're chatting with — it will figure out the rest
Please install the `mermaid-mcp-app` MCP server into my current AI client (that's you).
Canonical MCP server config (stdio transport):
- command: `npx`
- args: ["-y","mermaid-mcp-app","--stdio"]
Note: Interactive Mermaid diagram viewer with split-view editor.
Add this MCP server to my current client's config in the correct format for you. If you need secrets or credentials I haven't provided, ASK me — do not invent values or leave raw placeholders. After adding it, tell me how to verify the server is connected.Note: Interactive Mermaid diagram viewer with split-view editor.
Packages
mermaid-mcp-app
npmv0.3.2transport: stdio
Details
- Language
- TypeScript
- Released
- Mar 22, 2026
- Last commit
- Mar 25, 2026
- Registry name
- io.github.finfin/mermaid-mcp-app