# io.github.finfin/mermaid-mcp-app

> Use this tool when you need to visualize and interact with Mermaid diagrams in a user-friendly interface, solving problems of complex diagram interpretation and collaboration. It takes Mermaid diagram code as input and outputs an interactive UI, compatible with MCP clients like Claude and VS Code. Ideal for use cases where dynamic diagram rendering and exploration are required.

Canonical page: https://skillsregistry.net/skills/io-github-finfin-mermaid-mcp-app  
JSON: https://api.skillsregistry.net/v1/skills/io-github-finfin-mermaid-mcp-app

## Description

MCP App that renders Mermaid diagrams as interactive UI in Claude, VS Code and other MCP clients

## Trust

- **Trust score (0–1):** 0.92
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

- **Version:** 0.3.2
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** other
- **Updated:** 2026-09-19

## Source

- **Source listing:** [MCP Registry](https://registry.modelcontextprotocol.io/v0/servers/io.github.finfin%2Fmermaid-mcp-app)
- **Repository:** <https://github.com/finfin/mermaid-mcp-app>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "io-github-finfin-mermaid-mcp-app"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/io-github-finfin-mermaid-mcp-app` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/io-github-finfin-mermaid-mcp-app/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt