# GitDiagram

Turns a public GitHub repository into an architecture diagram with an explanation and Mermaid source. Handy when you need to read unfamiliar code fast.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed · ★ 18446
- Author: ahmedkhaleel2004
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/ahmedkhaleel2004/gitdiagram
- Updated: 2026-10-23
- HTML: https://affpapa.org/en/nevibecode/mcp/gitdiagram

## What it does

GitDiagram is a remote MCP server at `https://gitdiagram.com/mcp`. No key, no sign-in. An agent can pull a public repository's architecture explanation, its components and connections, and the Mermaid source, search stored diagrams, and fetch explainer videos.

Claude Code users get a plugin that ships both the MCP server and a `/gitdiagram` skill. Installing the server alone takes one command, `claude mcp add`. Codex, Gemini CLI and GitHub Copilot CLI connect the same way, while Cursor, Windsurf and Zed just need the URL in their client config.

Private repositories work through a GitHub token in the Private Repos section of the site. Diagrams export as PNG, and the Mermaid source can be copied out. Running it locally is a different job: Bun, Cloudflare R2, Upstash Redis and an OpenAI or OpenRouter key are required, so the hosted server is the shorter path for agent work.

## Requirements
- Remote server: `https://gitdiagram.com/mcp`
- Works with: GitHub

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http gitdiagram https://gitdiagram.com/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add gitdiagram --url https://gitdiagram.com/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "gitdiagram": {
            "url": "https://gitdiagram.com/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "gitdiagram": {
            "type": "http",
            "url": "https://gitdiagram.com/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http gitdiagram https://gitdiagram.com/mcp
```

## When to use it
- understand the architecture of an unfamiliar repo
- get Mermaid source for your own docs
- find a component and jump to its file
- compare how two similar projects are built
- explain someone else's code to a teammate

## Example prompts
- How is fastapi/fastapi structured?
- Show me the architecture diagram for `owner/repo` and how the components connect
- Find the stored diagram for this repository

## Similar
- [REA](https://affpapa.org/en/nevibecode/mcp/rea.md) — MCP server · ★ 386989
- [GitHub](https://affpapa.org/en/nevibecode/mcp/github.md) — MCP server · ★ 33918
- [Netdata](https://affpapa.org/en/nevibecode/mcp/netdata.md) — MCP server · ★ 81115
- [browser-use](https://affpapa.org/en/nevibecode/mcp/browser-use.md) — MCP server · ★ 119160
- [Codebase Memory](https://affpapa.org/en/nevibecode/mcp/codebase-memory.md) — MCP server · ★ 47392
- [mcp-server](https://affpapa.org/en/nevibecode/mcp/mcp-server.md) — MCP server · ★ 43872

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md