Agentic Mermaid

MCP server · by adewale

AI Agents npmStreamable HTTP v0.4.1

Render, verify, describe, and safely edit Mermaid diagrams through MCP.

View source ↗ Website ↗ Generate config for multiple servers More servers

Install

Pin version registry version 0.4.1

npm
npx -y agentic-mermaid

npm
npx -y agentic-mermaid@0.4.1

Streamable HTTP
https://agentic-mermaid.dev/mcp

Setup by client

Pick your client — the config below is generated for this server (both local and hosted-endpoint forms). Copy respects the “Pin version” switch above.

claude_desktop_config.json

{
  "mcpServers": {
    "agentic-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "agentic-mermaid"
      ]
    }
  }
}

{
  "mcpServers": {
    "agentic-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "agentic-mermaid@0.4.1"
      ]
    }
  }
}

Remote (hosted) endpoint

https://agentic-mermaid.dev/mcp

Claude Desktop: Settings → Connectors → Add custom connector, paste this URL.

Format verified against the official Claude Desktop docs ↗.

terminal

claude mcp add agentic-mermaid -- npx -y agentic-mermaid

claude mcp add agentic-mermaid -- npx -y agentic-mermaid@0.4.1

terminal

claude mcp add --transport http agentic-mermaid https://agentic-mermaid.dev/mcp

Format verified against the official Claude Code docs ↗.

.cursor/mcp.json

{
  "mcpServers": {
    "agentic-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "agentic-mermaid"
      ]
    }
  }
}

{
  "mcpServers": {
    "agentic-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "agentic-mermaid@0.4.1"
      ]
    }
  }
}

.cursor/mcp.json (hosted endpoint)

{
  "mcpServers": {
    "agentic-mermaid": {
      "url": "https://agentic-mermaid.dev/mcp"
    }
  }
}

Format verified against the official Cursor docs ↗.

.vscode/mcp.json

{
  "servers": {
    "agentic-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "agentic-mermaid"
      ]
    }
  }
}

{
  "servers": {
    "agentic-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "agentic-mermaid@0.4.1"
      ]
    }
  }
}

.vscode/mcp.json (hosted endpoint)

{
  "servers": {
    "agentic-mermaid": {
      "type": "http",
      "url": "https://agentic-mermaid.dev/mcp"
    }
  }
}

Format verified against the official VS Code docs ↗.

mcp_config.json

{
  "mcpServers": {
    "agentic-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "agentic-mermaid"
      ]
    }
  }
}

{
  "mcpServers": {
    "agentic-mermaid": {
      "command": "npx",
      "args": [
        "-y",
        "agentic-mermaid@0.4.1"
      ]
    }
  }
}

mcp_config.json (hosted endpoint)

{
  "mcpServers": {
    "agentic-mermaid": {
      "serverUrl": "https://agentic-mermaid.dev/mcp"
    }
  }
}

Format verified against the official Windsurf docs ↗.

GitHub

⭐ 66 stars · 最近更新于 15 天前 · MIT license

About this server

Agentic Mermaid Beautiful diagrams, made with your agent. Agentic Mermaid is an open source Mermaid toolkit for people who want AI agents to create diagrams that look finished: SVG and PNG renders, ASCII and Unicode for review, deterministic layout, and Style + Palette controls f…

Summary from the project README — github.com/adewale/agentic-mermaid

Distributed as npm, Streamable HTTP, listed under AI Agents. Review our MCP security guide before granting access to real data.

Frequently asked questions

What does the Agentic Mermaid MCP server do?

How do I install Agentic Mermaid?

Run the install command shown above, then paste the config for your client (Claude Desktop, Claude Code, Cursor, VS Code or Windsurf) into its MCP settings and restart the client.

Is Agentic Mermaid free to use?

The MCP server itself is free to install. The source is public on https://github.com/adewale/agentic-mermaid. Any third-party service it calls may require its own API key and account.

Which clients support Agentic Mermaid?

Any MCP-compatible client can use it, including Claude Desktop, Claude Code, Cursor, VS Code, Windsurf and custom agents.

Add this badge

Publish this server? Link back with a badge on your README or site — copy either snippet.

Markdown

[![Listed on MCPNav](https://mcpnav.net/badge/agentic-mermaid.svg)](https://mcpnav.net/server/agentic-mermaid/)

HTML

<a href="https://mcpnav.net/server/agentic-mermaid/"><img src="https://mcpnav.net/badge/agentic-mermaid.svg" alt="Listed on MCPNav" height="20"></a>