veelenga/claude-mermaid
MCP Server to previewing mermaid diagrams with live reload
This tool helps developers and technical writers quickly visualize Mermaid diagrams as they create or edit them. You provide text-based Mermaid code to an AI coding assistant like Claude Code, and it automatically generates and displays a live, interactive diagram in your web browser. This allows for real-time feedback and iterative refinement of diagrams for documentation, architectural overviews, or process flows.
Available on npm.
Use this if you frequently create technical diagrams using Mermaid syntax within an AI coding environment and need to see real-time, interactive previews to streamline your workflow.
Not ideal if you prefer using graphical diagramming tools or need to create highly complex, custom-styled diagrams that go beyond Mermaid's capabilities.
Stars
84
Forks
11
Language
TypeScript
License
MIT
Category
Last pushed
Mar 11, 2026
Commits (30d)
0
Dependencies
4
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/mcp/veelenga/claude-mermaid"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Compare
Related servers
yctimlin/mcp_excalidraw
MCP server and Claude Code skill for Excalidraw — programmatic canvas toolkit to create, edit,...
hustcc/mcp-mermaid
❤️ Generate mermaid diagram and chart with AI MCP dynamically.
rtuin/mcp-mermaid-validator
A Model Context Protocol server that validates and renders Mermaid diagrams.
Menghuan1918/drawio2go
A modern DrawIO editor application. AI-Powered, Human-AI Collaboration | AI 加持，人机共绘drawio
sanjibdevnathlabs/mcp-excalidraw-local
Excalidraw MCP server with multi-tenant workspace isolation, SQLite persistence, auto-save, 32...