Mermaid Chart

listing.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.

listing.can

• 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

listing.tools 25

• validate_and_render_mermaid_diagramlisting.hint.ro

  Render Mermaid code to an image, returning error details if validation fails.

• get_diagram_titlelisting.hint.ro

  Suggest a descriptive title for a Mermaid diagram.

• get_diagram_summarylisting.hint.ro

  Produce a short summary of a diagram's flow, decisions and outcomes.

• search_mermaid_iconslisting.hint.ro

  Search AWS, Azure, GCP and FontAwesome icons by provider or name.

• get_mermaid_syntax_documentlisting.hint.ro

  Get syntax documentation and examples for a Mermaid diagram type.

• list_toolslisting.hint.ro

  List available MCP servers and their tools in the workspace.

• list_reposlisting.hint.ro

  List GitHub repositories for the user or an organization.

• list_mermaid_fileslisting.hint.ro

  List .mmd files in a GitHub repository.

• read_mermaid_filelisting.hint.ro

  Read a single .mmd file from a GitHub repository.

• create_prlisting.hint.writes

  Create a branch, commit file changes and open a pull request.

• push_filelisting.hint.writes

  Create or update a single file on a branch in GitHub.

• list_pullslisting.hint.ro

  List pull requests for a GitHub repository.

listing.prov.live_on listing.prov.hints

listing.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

listing.setup.h

listing.setup.remote

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

https://mcp.mermaidchart.com/mcp

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

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

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

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

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

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

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

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

listing.faq

listing.em.h

listing.em.lead listing.em.how

listing.em.badge listing.em.widget iframe JSON

listing.em.badge

Markdown

[![Mermaid Chart on mcp.tc](https://mcp.tc/i/mermaid/badge.svg)](https://mcp.tc/i/mermaid)

HTML

<a href="https://mcp.tc/i/mermaid"><img src="https://mcp.tc/i/mermaid/badge.svg" alt="Mermaid Chart on mcp.tc" height="20"></a>

listing.em.badge_note

listing.em.widget

HTML

<script src="https://mcp.tc/w/mermaid.js" async></script>

listing.em.widget_note

iframe

HTML

<iframe src="https://mcp.tc/embed/mermaid" title="Mermaid Chart on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

listing.em.iframe_note

JSON

listing.em.json

https://mcp.tc/i/mermaid.json

listing.em.fields