# Mermaid Chart MCP server

> Validate and render Mermaid diagrams, fetch syntax docs, and work with Mermaid files in GitHub, Jira and Notion.

- Listing: https://mcp.tc/i/mermaid
- Connect: use the server's own URL `https://mcp.mermaidchart.com/mcp` (no sign-in); clients connect to it directly. The listing link is a page, not an MCP endpoint.
- Type: remote (Streamable HTTP)
- Auth: none
- Category: [Design, Websites & CMS](https://mcp.tc/c/design)
- Vendor: Mermaid Chart
- Homepage: <https://mermaid.ai/>
- Repository: <https://github.com/Mermaid-Chart/mermaid-mcp>

## About

Connects an assistant to Mermaid Chart to validate and render Mermaid diagrams, look up official syntax documentation for each diagram type, search AWS, Azure, GCP and FontAwesome icons, and generate titles and summaries for diagrams.

Further tools read and write .mmd files, issues, branches and pull requests in GitHub, build diagrams from Jira tickets (dependency trees, kanban boards, timelines), and read or update Mermaid code blocks in Notion pages.

## What it can do

- Validate and render Mermaid code as a diagram image
- Get official syntax docs and examples per diagram type
- Search AWS, Azure, GCP and FontAwesome icons
- Generate diagram titles and summaries
- List and read .mmd files in GitHub repositories
- Open pull requests and issues in GitHub
- Generate Jira dependency trees, kanban boards and timelines
- Read, insert and update Mermaid blocks in Notion pages

## Tools (25)

- `validate_and_render_mermaid_diagram`: Render Mermaid code to an image, returning error details if validation fails. (read-only)
- `get_diagram_title`: Suggest a descriptive title for a Mermaid diagram. (read-only)
- `get_diagram_summary`: Produce a short summary of a diagram's flow, decisions and outcomes. (read-only)
- `search_mermaid_icons`: Search AWS, Azure, GCP and FontAwesome icons by provider or name. (read-only)
- `get_mermaid_syntax_document`: Get syntax documentation and examples for a Mermaid diagram type. (read-only)
- `list_tools`: List available MCP servers and their tools in the workspace. (read-only)
- `list_repos`: List GitHub repositories for the user or an organization. (read-only)
- `list_mermaid_files`: List .mmd files in a GitHub repository. (read-only)
- `read_mermaid_file`: Read a single .mmd file from a GitHub repository. (read-only)
- `create_pr`: Create a branch, commit file changes and open a pull request.
- `push_file`: Create or update a single file on a branch in GitHub.
- `list_pulls`: List pull requests for a GitHub repository. (read-only)
- `list_branches`: List branches or resolve a single branch name. (read-only)
- `list_issues`: List issues in a repository, excluding pull requests. (read-only)
- `create_issue`: Create an issue in a GitHub repository.
- `get_issue_comments`: List comments on an issue by number. (read-only)
- `get_pull_comments`: Get thread and inline review comments for a pull request. (read-only)
- `generate_ticket_dependency_tree`: Build a Mermaid flowchart of Jira issue dependency links. (read-only)
- `generate_jira_kanban_board`: Build a Mermaid kanban board from Jira issues grouped by status. (read-only)
- `generate_ticket_diagram`: Build a flowchart around one Jira ticket with subtasks, links and comments. (read-only)
- `generate_ticket_timeline`: Diagram a Jira ticket's changelog as a state diagram or timeline. (read-only)
- `get_notion_page_mermaid_diagrams`: Extract all Mermaid code blocks from a Notion page. (read-only)
- `get_notion_mermaid_diagram_by_block_id`: Fetch one Mermaid code block from Notion by block ID. (read-only)
- `update_notion_mermaid_diagram`: Update the code and caption of an existing Mermaid block in Notion.
- `insert_notion_mermaid_diagram`: Append a Mermaid diagram as a code block at the end of a Notion page.

## Example prompts

- "Render this Mermaid sequence diagram and fix any syntax errors"
- "Show me the Mermaid syntax for a Gantt chart"
- "Generate a kanban board from the Jira project PLAT"
- "Insert this flowchart as a Mermaid block on my Notion page"

## Install

### Claude Code

1. Run this in a terminal, in your project folder:

```bash
claude mcp add --transport http mermaid https://mcp.mermaidchart.com/mcp
```

2. Start Claude Code and type `/mcp`. **mermaid** should show as connected.

Add `--scope user` to make it available in every project, not just this one.

### Claude Desktop

1. Open **Settings → Connectors** and click **Add custom connector**.

2. Name it **Mermaid Chart** and paste this URL:

```url
https://mcp.mermaidchart.com/mcp
```

3. Click **Add**. Its tools appear in the chat’s tools menu.

Claude Desktop’s JSON config file only starts local servers. Remote servers go through Connectors, and connectors you add on claude.ai show up here too.

### claude.ai

1. Open the connector form on claude.ai. This button fills in the name and URL for you:

[Add to claude.ai](<https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Mermaid%20Chart&connectorUrl=https%3A%2F%2Fmcp.mermaidchart.com%2Fmcp>) (opens connector settings)

2. Check that the URL reads `https://mcp.mermaidchart.com/mcp` and click **Add**.

3. Turn it on in a chat from the tools menu.

Free plans allow one custom connector. On Team and Enterprise plans an owner adds it under **Organization settings → Connectors**.

### ChatGPT

1. On chatgpt.com, open **Settings → Security and login** and turn on **Developer mode**.

2. Go to `chatgpt.com/plugins` and click **+** to create an app for a remote MCP server.

3. Paste `https://mcp.mermaidchart.com/mcp` as the server URL and choose **No authentication**.

Developer mode is available on the web for Plus, Pro, Business, Enterprise and Education accounts.

### Cursor

[Add to Cursor](<https://cursor.com/install-mcp?name=mermaid&config=eyJ1cmwiOiJodHRwczovL21jcC5tZXJtYWlkY2hhcnQuY29tL21jcCJ9>) (opens Cursor)

Or add it by hand to `~/.cursor/mcp.json` (all projects) or `.cursor/mcp.json` (this project):

`mcp.json`:

```json
{
  "mcpServers": {
    "mermaid": {
      "url": "https://mcp.mermaidchart.com/mcp"
    }
  }
}
```

### VS Code

[Install in VS Code](<https://vscode.dev/redirect/mcp/install?name=mermaid&config=%7B%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.mermaidchart.com%2Fmcp%22%7D>) (opens VS Code)

Or from a terminal:

```bash
code --add-mcp '{"name":"mermaid","type":"http","url":"https://mcp.mermaidchart.com/mcp"}'
```

Or commit it to the repo in `.vscode/mcp.json`:

`.vscode/mcp.json`:

```json
{
  "servers": {
    "mermaid": {
      "type": "http",
      "url": "https://mcp.mermaidchart.com/mcp"
    }
  }
}
```

### Devin Desktop

1. Add it to `~/.config/devin/mcp_config.json` (macOS and Linux) or `%APPDATA%\devin\mcp_config.json` (Windows):

`mcp_config.json`:

```json
{
  "mcpServers": {
    "mermaid": {
      "serverUrl": "https://mcp.mermaidchart.com/mcp"
    }
  }
}
```

2. Refresh the MCP server list in Cascade.

Devin Desktop is the new name for Windsurf. It reads `serverUrl` (or `url`) for remote servers.

### Codex

```bash
codex mcp add mermaid --url https://mcp.mermaidchart.com/mcp
```

Or edit `~/.codex/config.toml` directly:

`config.toml`:

```toml
[mcp_servers.mermaid]
url = "https://mcp.mermaidchart.com/mcp"
```

### Gemini CLI

```bash
gemini mcp add --transport http mermaid https://mcp.mermaidchart.com/mcp
```

This adds it to the current project. Add `-s user` to use it everywhere.

### Any client

Most clients accept this shape. Some name the URL field differently: `serverUrl` in Devin Desktop, `httpUrl` in Gemini CLI’s settings file.

```json
{
  "mcpServers": {
    "mermaid": {
      "type": "http",
      "url": "https://mcp.mermaidchart.com/mcp"
    }
  }
}
```

Zed puts servers under `context_servers` in its settings. Cline needs `"type": "streamableHttp"`, or it assumes SSE.

Client only starts local servers? Bridge it with `npx -y mcp-remote https://mcp.mermaidchart.com/mcp`.

## Details

- Server version: 1.0.0
- MCP protocol version: 2025-11-25
- Last checked: 2026-10-03 (reachable)
- Listed: 2026-10-03
- Updated: 2026-10-04

---
Source: https://mcp.tc/i/mermaid (mcp.tc is an independent directory, not affiliated with this server's publisher). Corrections: https://mcp.tc/report