npx claudepluginhub lioneltay/mermaid-mcpMCP server that renders Mermaid diagrams to PNG so AI agents can visually inspect them.
Add the MCP server to Claude Code:
claude mcp add mermaid npx -y @lioneltay/mermaid-mcp
Or add it manually to your .mcp.json:
{
"mcpServers": {
"mermaid": {
"command": "npx",
"args": ["-y", "@lioneltay/mermaid-mcp"]
}
}
}
You can also install as a plugin to get the /diagram skill:
# 1. Add the marketplace
claude plugin marketplace add lioneltay/mermaid-mcp
# 2. Install the plugin
claude plugin install mermaid-mcp@mermaid-mcp
Note: There is a known issue where plugin MCP servers may not start correctly. If the MCP server fails, add it manually with
claude mcp addas shown above.
renderRenders Mermaid diagram code to a PNG image.
Input: code (string) — Mermaid diagram source
Returns: The rendered PNG image inline, plus a saved copy in $TMPDIR/mermaid-mcp/renders/.
MIT
Persistent memory system for Claude Code - seamlessly preserve context across sessions
Admin access level
Server config contains admin-level keywords
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.
Streamline people operations — recruiting, onboarding, performance reviews, compensation analysis, and policy guidance. Maintain compliance and keep your team running smoothly.