Mermaid Chart
Validates & renders Mermaid diagrams as PNG images
Validates Mermaid diagram syntax and renders high-quality PNG images. Creates shareable playground URLs and provides comprehensive error handling with detailed feedback. Features AI-optimized workflow guidance for reliable diagram generation workflows.
Install
1Add the server to Claude Code
claude mcp add --transport http mermaid-chart https://chatgpt.mermaid.ai/anthropic/mcpThese instructions target Claude Code. Check the publisher's documentation for support in other Claude surfaces; a valid server URL alone does not establish compatibility.
JSON.mcp.json for a shared project
Commit this file so everyone on the project gets the same server.
{
"mcpServers": {
"mermaid-chart": {
"type": "http",
"url": "https://chatgpt.mermaid.ai/anthropic/mcp"
}
}
}Tools
- validate_and_render_mermaid_diagram
About
Validates Mermaid diagram syntax and renders high-quality PNG images. Creates shareable playground URLs and provides comprehensive error handling with detailed feedback. Features workflow guidance for reliable diagram generation workflows.
You can use the Mermaid Chart connector to:
Validate and render diagrams:
"Validate this Mermaid flowchart code and render it as a PNG. If valid, provide a shareable playground link"
Check for syntax errors:
"Check my Mermaid sequence diagram for syntax errors and suggest corrections"
Optimize and collaborate on diagrams:
"Optimize this class diagram for readability, validate the syntax, render as PNG, and provide a playground link for collaboration"