Does Claude desktop already support Mermaid via canvas?
Yes, but it does not support the `theme` and `backgroundColor` options. A dedicated server makes it easier to create Mermaid diagrams with different MCP clients.
@peng-shawn
Basic information
A Model Context Protocol (MCP) server that converts Mermaid diagrams to PNG images
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"mermaid-mcp-server": {
"command": "npx",
"args": [
"tsc"
]
}
}
}Tool list not available yet
This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.
Fetch the live tool list by running this server in a temporary sandbox using the button above.
Mermaid MCP Server converts Mermaid diagram code into PNG images or SVG files. It uses Puppeteer for headless browser rendering and implements the Model Context Protocol (MCP) so AI assistants and other applications can generate visual diagrams from textual descriptions.
Run the server with npx -y @peng-shawn/mermaid-mcp-server. Configure it as an MCP tool in Claude Desktop, Cursor, or Cline using the provided JSON entries. The server exposes a single generate tool that accepts parameters code, theme, backgroundColor, outputFormat, name, and folder. Set the environment variable CONTENT_IMAGE_SUPPORTED to true (default) for inline images or false to save to disk.
Yes, but it does not support the `theme` and `backgroundColor` options. A dedicated server makes it easier to create Mermaid diagrams with different MCP clients.
Cursor does not support inline images in responses yet. Setting the variable to `false` saves the diagram to disk and returns the file path.
The server requires Node.js (to run the npx command) and relies on Puppeteer’s bundled Chromium or a system‑installed Chrome/Chromium for headless rendering.
When `CONTENT_IMAGE_SUPPORTED=true` (default), the image or SVG is returned inline in the MCP response. When `false`, the file is saved to the specified folder and the file path is returned.
The server communicates over stdio using the MCP protocol. It can be tested and debugged with the MCP Inspector (`npx @modelcontextprotocol/inspector`).
AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents
A curated list of references for MLOps

Connect your AI assistant to your own YOUB endurance training account. Read recorded activities with full analysis, planned sessions, race goals, wellness (HRV, sleep, resting HR) and your athletic profile. Create or mov

Yuppsy MCP: build and publish real estate websites from your AI assistant. Yuppsy lets your AI assistant create live websites for real estate agents and individual property listings. You don't need a designer or any code

A free remote MCP server for The Living Bread. Bible passages read word for word from a stored public domain text with an evidence label, keyword search and cross references, real churches, gatherings and prayer groups w
Comments