BeClaude

mermaid

New
13.5kSmitheryGeneralby iofficeai

Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid. Use when users need to create flowcharts, sequence diagrams, state diagrams, class diagrams, or ER diagrams. Supports both graphical SVG output and terminal-friendly ASCII/Unicode output.

First seen 6/8/2026

Install & Usage

1
Open your MCP config
~/.claude.json
2
Add the server config

Add the configuration to "mcpServers": { "mermaid": { "command": "...", "args": [] } }

3
Restart Claude Code
/mcp
View source on GitHub
design

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is mermaid?

Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid. Use when users need to create flowcharts, sequence diagrams, state diagrams, class diagrams, or ER diagrams. Supports both graphical SVG output and terminal-friendly ASCII/Unicode output.

How to install mermaid?

To install mermaid: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "mermaid": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

What is mermaid best for?

mermaid is a mcp categorized under General. It is designed for: design. Created by iofficeai.