Mermaid App
Verified IntegrationClient Configuration
— Connect Mermaid App to Claude Desktop or Cursor in seconds{
"mcpServers": {
"mermaid-app": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-mermaid-app"
],
"env": {}
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).System Overview
Visualize interactive Mermaid diagrams and edit their source directly within AI-compatible clients like Claude and VS Code.
7/23/2026
Open Source
stdio / SSE RPC
Frequently Asked Questions
Architecture and operational details for Mermaid App
It significantly enhances AI interaction by allowing you to edit diagram source in a split-view editor, send updated diagrams back to your LLM, and automatically synchronizes context as you type, ensuring your AI always works with the latest version.
Related MCP Servers
Browse all servers →Empower AI assistants to generate and convert documents, manage templates, and automate document workflows efficiently.
Provides a multi-tenant, AI-native Content Delivery Network deployable on Cloudflare, featuring sub-100ms TTFB, AI agent controllability, and comprehensive accessibility.
Deploy a Model Context Protocol server on Cloudflare Workers without requiring authentication.