Generates Mermaid diagrams and charts with theme and background options, exporting PNG, SVG or Mermaid source.
Setup
Choose your client, copy the config, then fill in any required environment variables.
Local
claude mcp add mermaid -- npx -y mcp-mermaid~/.codex/config.toml
[mcp_servers.mermaid]
command = "npx"
args = ["-y", "mcp-mermaid"]
# codex mcp add mermaid -- npx -y mcp-mermaid~/.cursor/mcp.json
{
"mcpServers": {
"mermaid": {
"command": "npx",
"args": [
"-y",
"mcp-mermaid"
]
}
}
}.vscode/mcp.json
{
"servers": {
"mermaid": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"mcp-mermaid"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"mermaid": {
"command": "npx",
"args": [
"-y",
"mcp-mermaid"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"mermaid": {
"command": "npx",
"args": [
"-y",
"mcp-mermaid"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"mermaid": {
"command": "npx",
"args": [
"-y",
"mcp-mermaid"
]
}
}
}Remote
claude mcp add --transport http mermaid https://server.smithery.ai/@hustcc/mcp-mermaid/mcp --header 'Authorization: Bearer <SMITHERY_API_KEY>'~/.codex/config.toml
[mcp_servers.mermaid]
url = "https://server.smithery.ai/@hustcc/mcp-mermaid/mcp"
bearer_token_env_var = "MERMAID_SMITHERY_API_KEY"
# codex mcp add mermaid --url https://server.smithery.ai/@hustcc/mcp-mermaid/mcp --bearer-token-env-var MERMAID_SMITHERY_API_KEY
# export MERMAID_SMITHERY_API_KEY=<SMITHERY_API_KEY>~/.cursor/mcp.json
{
"mcpServers": {
"mermaid": {
"url": "https://server.smithery.ai/@hustcc/mcp-mermaid/mcp",
"headers": {
"Authorization": "Bearer <SMITHERY_API_KEY>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"mermaid": {
"type": "http",
"url": "https://server.smithery.ai/@hustcc/mcp-mermaid/mcp",
"headers": {
"Authorization": "Bearer <SMITHERY_API_KEY>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"mermaid": {
"httpUrl": "https://server.smithery.ai/@hustcc/mcp-mermaid/mcp",
"headers": {
"Authorization": "Bearer <SMITHERY_API_KEY>"
}
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"mermaid": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://server.smithery.ai/@hustcc/mcp-mermaid/mcp",
"--header",
"Authorization:${AUTH_HEADER}"
],
"env": {
"AUTH_HEADER": "Bearer <SMITHERY_API_KEY>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"mermaid": {
"url": "https://server.smithery.ai/@hustcc/mcp-mermaid/mcp",
"headers": {
"Authorization": "Bearer <SMITHERY_API_KEY>"
}
}
}
}