mermaid-mcp-app
CommunityMCP server by finfin · updated · ★ 1
MCP App that renders Mermaid diagrams as interactive UI in Claude, VS Code and other MCP clients mermaid-mcp-app is a community project by finfin, not verified by a company domain.
Install mermaid-mcp-app
Built from the published package, never by AIclaude mcp add mermaid-mcp-app -- npx -y mermaid-mcp-appRun in your terminal. Add --scope user to use it in every project.
{
"mcpServers": {
"mermaid-mcp-app": {
"command": "npx",
"args": [
"-y",
"mermaid-mcp-app"
]
}
}
}Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.
{
"mcpServers": {
"mermaid-mcp-app": {
"command": "npx",
"args": [
"-y",
"mermaid-mcp-app"
]
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).
{
"servers": {
"mermaid-mcp-app": {
"command": "npx",
"args": [
"-y",
"mermaid-mcp-app"
]
}
}
}Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".
codex mcp add mermaid-mcp-app -- npx -y mermaid-mcp-app{
"mcpServers": {
"mermaid-mcp-app": {
"command": "npx",
"args": [
"-y",
"mermaid-mcp-app"
]
}
}
}Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).
gemini mcp add mermaid-mcp-app npx -y mermaid-mcp-appGemini CLI was replaced by Antigravity CLI in June 2026 and remains only for enterprise licences and paid API keys.
MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the mermaid-mcp-app block.
Last commit 212 days ago
No licence found, so reuse rights are unclear
Clear description, published package or server URL, original repository
Not checked yet. What we check
Weekly newsletter
Like mermaid-mcp-app? Get the best new MCP servers every week
The best new tools, security warnings before you install something risky, and one practical tip. Free, three minute read.
Alternatives to mermaid-mcp-app
All alternatives →Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.
Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Make 3D games in Unity Engine with AI. MCP Server + Plugin for Unity Editor and Unity games.
mermaid-mcp-app: common questions
How do I install mermaid-mcp-app?
In Claude Code run claude mcp add mermaid-mcp-app -- npx -y mermaid-mcp-app. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.
Is mermaid-mcp-app the official server?
mermaid-mcp-app is a community project by finfin, not verified by a company domain.
Is mermaid-mcp-app free?
The code is public, but no licence file was found, so check the repository before commercial use.
Is mermaid-mcp-app safe to use?
It scores 25 of 100. Grades: maintenance D, licence F, quality C. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to mermaid-mcp-app?
Similar MCP servers: GitDiagram, draw.io, Pascal 3D Editor, Agent-Native Plan.
Does mermaid-mcp-app work with ChatGPT?
Not directly. It runs locally, and ChatGPT only connects to remote servers with a URL. Use it in Claude Code, Claude Desktop, Cursor, VS Code or Codex.
