io.github.finfin/mermaid-mcp-app
MCP App that renders Mermaid diagrams as interactive UI in Claude, VS Code and other MCP clients
MCP server · by finfin
About
io.github.finfin/mermaid-mcp-app is an MCP server published by finfin. Marketplaces we read that list it: 1 (Official MCP Registry). We first saw it on 2026-10-11 and have recorded no change since. As of our marketplace pass on 2026-10-13.
What it asks for
- Runs on your machine
None of the marketplaces we read publishes its tools or the settings it asks for.
What it declares, asks for and runs, in full
Only install plugins from developers you trust. We list what marketplaces publish and do not test plugins.
Package
npm mermaid-mcp-app (mermaid-mcp-app on npm)
- npm downloads/week: 42 (2026-10-13)
- npm downloads/month: 301 (2026-10-13)
- Latest version on npm: 0.4.4, published 2026-03-25
No known vulnerabilities in OSV for 0.3.2 (checked 2026-10-13)
npm facts come from the public npm registry (registry.npmjs.org, api.npmjs.org). Each figure is the registry's own and is never added to another. A registry that publishes no figure shows none: no number is not zero. Vulnerability records come from OSV.dev (CC BY 4.0) and concern the declared version only; a listing that declares no version gets no answer. We do not scan code.
Works with
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
A one-click link opens the client, which asks you to confirm before it adds the server.
From the marketplaces that list it and the MCP transport it declares, as each client documents them. We do not test plugins.
Connect
Commands and configs built only from what its marketplaces declare. We do not run them for you and do not test plugins.
As a local MCP server: npm package
Built from what Official MCP Registry declares.
claude mcp add --transport stdio mermaid-mcp-app -- npx -y mermaid-mcp-app[mcp_servers.mermaid-mcp-app]
command = "npx"
args = ["-y", "mermaid-mcp-app"]{
"mcpServers": {
"mermaid-mcp-app": {
"command": "npx",
"args": [
"-y",
"mermaid-mcp-app"
]
}
}
}Where it is published
| Marketplace | Status | Version | Figures | Verified | First seen |
|---|---|---|---|---|---|
| Official MCP Registry (Open the registry record) | Listed | 0.3.2 | Downloads/month (npm): 301 Downloads/week (npm): 42 Forks (GitHub): 1 Stars (GitHub): 1 |
Not marked |
Each figure is the marketplace's own and is never added up across marketplaces. A marketplace that publishes no figure shows none: no number is not zero.
What changed
Nothing has moved on this plugin since we started watching it.
Similar plugins
Products whose own names, descriptions, tools and skills are closest in meaning to this one, on every marketplace we read. Closeness is ranked within this list only.
-
mermaid-mcp com.mermaidchart/mermaid-mcp
MCP server for Mermaid diagram validation and rendering
-
mermaid-render-mcp io.github.tci-nebula/mermaid-render-mcp
Renders Mermaid diagram syntax to PNG or SVG images for LLM clients
-
mcp-plots io.github.MR901/mcp-plots
MCP server for data visualization with Mermaid charts.
-
Let Claude, Cursor, or ChatGPT author Mermaid diagrams your team can read and share.
-
zumen io.github.meta-taro/zumen
AI-editable diagrams as code: draw from YAML, propose diffs a human applies, export SVG/Mermaid.
-
media-forge io.github.PavelGuzenfeld/media-forge
MCP server for generating diagrams, charts, presentations, and animations for Markdown documentation
-
Architecture intelligence, security analysis, and living docs. 14 Mermaid tools.
-
docdiagram-mcp io.github.docdiagram/docdiagram-mcp
DocDiagram MCP server - embedded diagrams in MDX docs
-
Local-first MCP server for PlantUML and Mermaid diagrams with drift detection.
-
dgmo-mcp io.github.diagrammo/dgmo-mcp
Generate 40+ diagram types from text; render locally to SVG/PNG, open in the Diagrammo editor
Similar plugins by marketplace
The same question asked of one marketplace at a time: is there an analog of this plugin there?
Has a listing on Claude Code: claude-plugins-community (5)
-
Automatic creation of codebase diagrams for use in tldiagram.com
-
Interactive C4 architecture diagrams (Simon Brown's model) for Claude Code. Five mode-driven workflows — Design (greenfield), Document-code (retro-doc from a repo), Document-prose…
-
A Claude Code plugin to create custom JointJS-powered interactive playgrounds. It enables you to build code maps for library/codebase architectures, data explorers for database…
-
Claude Code plugin that automatically displays images returned by MCP tools. Fix Claude Code CLI shows an [Image] .
-
Transform any codebase into an interactive visual HTML guide with animated architecture diagrams, story-mode narrative, data flow animations, and bilingual CN/EN support…
Has a listing on Claude Code: claude-plugins-official (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Skills for designing and building MCP servers that work seamlessly with Claude. Guides you through deployment models (remote HTTP, MCPB, local), tool design patterns, auth, and…
-
Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.
-
Skills for creating MCP Apps with the MCP Apps SDK
-
mdk-mcp-server io.github.SAP/mdk-mcp-server
Model Context Protocol (MCP) server for AI-assisted development of MDK applications.
Has a listing on Claude: knowledge-work-plugins (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.
-
gk-cli com.gitkraken/gk-cli
The GitKraken MCP Server for managing repos, PRs, issues across GitHub, GitLab, Bitbucket and more.
-
MCP server for terminal commands, file operations, and process management
-
Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…
Has a listing on Codex: openai-curated (openai/plugins) (5)
-
Design, critique, implement, test, and export web data visualizations in Codex, including charts, maps, dashboards, Gantt, UML, scrollytelling, reports, slides, mobile views…
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Qodo setup, code intelligence, and review workflows.
-
Build iOS apps with workflows for App Intents, SwiftUI UI work, Simulator mirroring in the Codex in-app browser, performance profiling, leak investigation, and simulator debugging.
Has a listing on Community GitHub marketplaces (5)
-
codex-tldraw-mcp io.github.jananadiw/codex-tldraw-mcp
A Codex stdio MCP server that generates repo-local tldraw diagrams and detects code graph drift.
-
repo-graph io.github.James-Chahwan/repo-graph
Structural graph map of any codebase so LLMs navigate by structure, not guesswork.
-
Flowcharts that people and agents edit together on one live canvas, exported as Mermaid.
-
Validated interactive system maps and diagrams as standalone HTML from a typed JSON spec, for one of five diagram types (architecture, workflow, sequence, dataflow, lifecycle…
-
Generate native .drawio diagrams from Claude Code — author as Mermaid or XML with optional ELK auto-layout, export PNG/SVG/PDF with embedded XML, or open via app.diagrams.net URL.
Has a listing on Copilot CLI: github/awesome-copilot (5)
-
Render diagrams, click nodes to drill down, and view agent-generated explanations directly in the canvas.
-
Complete toolkit for building Model Context Protocol (MCP) servers in TypeScript/Node.js using the official SDK. Includes instructions for best practices, a prompt for generating…
-
Generate professional project documentation with draw.io architecture diagrams and Word (.docx) output with embedded images. Automatically discovers any project's technology stack…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Create, edit, present, and export Markdown slides in a GitHub Copilot Canvas.
Has a listing on Copilot CLI: github/copilot-plugins (5)
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
Bring Azure DevOps work-item, repository, and pull-request workflows into GitHub Copilot.
-
Navigate and interact with your C++ code using the Microsoft C++ Language Server.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
Has a listing on Cursor: cursor/plugins (5)
-
Draw and export hand-drawn diagrams from chat.
-
Render documentation as a navigable canvas.
-
Render PR diffs as review canvases grouped by importance.
-
Build apps, scripts, and automations with the TypeScript SDK.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
Has a listing on Docker MCP Catalog (5)
-
Seamlessly create diagrams using the Python diagrams package DSL. This server allows you to generate AWS diagrams, sequence diagrams, flow diagrams, and class diagrams using…
-
Giving Claude ability to run code with E2B via MCP (Model Context Protocol).
-
A universal MCP (Model Context Protocol) server to integrate any API with Claude Desktop using only Docker configurations.
-
Pull up-to-date, version-specific documentation and code examples for any library or framework straight into your prompt.
-
MCP server for terminal commands, file operations, and process management
Has a listing on Official MCP Registry (5)
-
mermaid-mcp com.mermaidchart/mermaid-mcp
MCP server for Mermaid diagram validation and rendering
-
mermaid-render-mcp io.github.tci-nebula/mermaid-render-mcp
Renders Mermaid diagram syntax to PNG or SVG images for LLM clients
-
mcp-plots io.github.MR901/mcp-plots
MCP server for data visualization with Mermaid charts.
-
Let Claude, Cursor, or ChatGPT author Mermaid diagrams your team can read and share.
-
zumen io.github.meta-taro/zumen
AI-editable diagrams as code: draw from YAML, propose diffs a human applies, export SVG/Mermaid.
Found by meaning, not by shared code or a shared repository: similar plugins stay separate products, and this is not a review or a recommendation.
Is this your plugin?
Add it to your projects and prove you maintain it with a file in its repository, a file on your domain or a DNS record. You get alerts when a marketplace lists it, drops it, changes its verified mark or what it asks for, and its remote endpoint goes on monitoring as a web service.
Data comes from the Official MCP Registry (registry.modelcontextprotocol.io), CC0 1.0. Figures come from our own regular passes over the marketplaces, last read on . We publish no contact details for plugin publishers.