Doesn't Claude desktop already support mermaid via canvas?
Yes, but it doesn't support the `theme` and `backgroundColor` options. A dedicated server also makes it easier to create diagrams with other MCP clients.
@MCP-Mirror
Basic information
Mirror of
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"peng-shawn_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.
A Model Context Protocol (MCP) server that converts Mermaid diagram markdown code into PNG images using Puppeteer for headless browser rendering. It is designed for AI assistants and developers who need to generate visual diagrams from textual descriptions.
Install via npx and configure as an MCP server in your client (e.g., Claude Desktop, Cursor). The tool generate accepts Mermaid code, optional theme and background color, and if CONTENT_IMAGE_SUPPORTED=false requires name and folder parameters to save the image to disk.
Yes, but it doesn't support the `theme` and `backgroundColor` options. A dedicated server also makes it easier to create diagrams with other MCP clients.
Cursor does not support inline images in responses, so the server saves the image to disk instead of returning it directly.
This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable,
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
YC (S26) | Open Computer History | Continuously record your company computer work, map your workflows, help you find work worth automating, and power your agents' context

A good sequence diagram can solve almost any communication problem in engineering. Volley lets your agent write them as plain text, with the real request and response payloads on every arrow. It checks its own syntax wi
不止于 CSS
Comments