Mermaid Chart
About
Validates Mermaid syntax, renders diagrams as high-quality SVG, and displays them instantly in an interactive UI where users can preview, zoom, and iterate in real time.
Details
- Author
- Mermaid Chart
- Downloads
- 404
- Transport
- SSE
- Categories
- Media
Jump to
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Mermaid ChartCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
{
"mcpServers": {
"mermaid-chart": {
"type": "http",
"url": "https://mcp.mermaid.ai/mcp"
}
}
}
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"mermaid chart": {
"mermaid-chart": {
"type": "http",
"url": "https://mcp.mermaid.ai/mcp"
}
}
}
}McpServers
{
"mermaid-chart": {
"type": "http",
"url": "https://mcp.mermaid.ai/mcp"
}
}Mermaid Chart validates Mermaid syntax and renders diagrams as high-quality SVGs with interactive previews. Its connector gives assistants diagramming context for previewing, correcting, and iterating on Mermaid diagrams.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
