GitHub
Connect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language.
パソコンでもクラウドでも
GitDiagram
概要
作者による説明（英語の原文）
Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
PopNx MCPの3つの柱
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
- 利用者の声iレビューはまだありませんレビューは今後のステップで、アカウント機能と一緒に始まります
- 私たちの基本チェックi3項目中3項目に合格公開情報からチェック。コードはまだスキャンしていません
- 利用状況iとても新しい★ –
できること
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
- 接続方法: クラウドで動く
- トランスポート: Streamable HTTP
- カテゴリ: 開発者ツール
インストール
使っているAIアプリを選んで、設定をコピーしてください。
インストールの前に
- 基本チェック：3項目中3項目に合格
- 作者のサーバーで動きます。あなたが頼んだ内容は、作者のサーバーを通ります。
- できること：3件（ツール） get_repository_diagram, find_repository_diagrams, get_explainer_video
- レジストリには、入力が必要なキーは載っていません。
必要なもの
- クラウドで動くインストール不要。インターネット経由でつながります
どのアプリを使っていますか？
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます：
- Settings → Connectors を開く
- Add custom connector を押す
- 下のアドレスを貼り付けて Add を押す
- サインインを求められたら、作者のサービスにサインインする
https://gitdiagram.com/mcpターミナルでこれを実行します
claude mcp add --transport http gitdiagram https://gitdiagram.com/mcpまたは、設定を自分でコピーする
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"gitdiagram": {
"url": "https://gitdiagram.com/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
または、設定を自分でコピーする
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"gitdiagram": {
"type": "http",
"url": "https://gitdiagram.com/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです：
- ウェブ版のChatGPTを開き → Settings → Connectors (Apps)
- Create または Add を押す（プランによっては、先に Advanced で Developer mode をオンにする必要があります）
- 下のアドレスを貼り付け、名前を付けて保存する
- サインインを求められたら、作者のサービスにサインインする
https://gitdiagram.com/mcpメニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
できること
ツールの名前と説明は、サーバーが2026年11月8日に返したそのままの内容です。書いたのは作者で、私たちではありません。プレーンテキストとして表示しています。
get_repository_diagramGet the architecture of a public GitHub repository from GitDiagram (gitdiagram.com): a written explanation of how the codebase is organized, its main components with the source paths they live in, how those components connect, and a Mermaid flowchart of the whole system, plus a l
find_repository_diagramsSearch GitDiagram's library of ready-made architecture diagrams of public GitHub repositories by owner or repository name. Matches any part of "owner/repo" (e.g. "langchain", "vercel/", "react-native") and returns up to 10 repositories, most-starred first, each with its interacti
get_explainer_videoGet GitDiagram's narrated explainer video of a public GitHub repository, if one has been made: the link to watch and share it, its title and length, and the full narration transcript, a plain-language walkthrough of what the project is for, what people do with it and how its main
基本チェックi
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月9日にチェック
- ✓ 合格
作者とリポジトリが一致
レジストリ名はドメイン gitdiagram.com で確認済みです（レジストリがドメインの所有を確認しています）
- … 未チェック
今もメンテナンスされている
このリポジトリはまだGitHubから読み取っていません
- … 未チェック
ライセンスがある
このリポジトリはまだGitHubから読み取っていません
- ✓ 合格
エンドポイントが応答する
1054ミリ秒で応答（HTTP 200）
- – 対象外
OAuthでサインイン
サインイン不要
- ✓ 合格
ツールの説明に隠れた指示がない
3件のツールの説明を読み、AIへの隠れた指示は見つかりませんでした
開発者ツールのほかのサーバーとの比較i
- このカテゴリのほかの5592件のうち0%よりスターが多い
- このカテゴリのほかの5592件のうち46%より最近レジストリに公開
- 基本チェックの結果が、このカテゴリのほかの5592件のうち100%と同じかそれ以上
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
よくある質問
GitDiagramは安全ですか？
当てはまる基本チェック3項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
どんなキーやコードが必要ですか？
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
パソコンで動きますか、それともクラウドですか？
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
今もメンテナンスされていますか？
GitHubリポジトリの最終更新は–、最新バージョン（1.0.0）がレジストリに届いたのは41 日前です。
どのアプリで使えますか？
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ（開発者モードのChatGPTなど）でも使えます。
代わりに使えるものは？
同じカテゴリには：GitHub, Desktop Commander, Cloudflare MCP
代わりの候補
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i
作者のREADME
READMEを開く
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
GitDiagram
Visualize any codebase: turn any public or private GitHub repository into an interactive architecture diagram, or watch it explained in a one-minute narrated video. AI agents can use it too, through the MCP server or the Markdown version of any diagram (gitdiagram.com/owner/repo.md).
[Try GitDiagram →](https://gitdiagram.com/) · Or replace hub with diagram in any GitHub repository URL.
Sponsored
AI code reviews for your pull requests. Try CodeRabbit →
New: explainer videos
GitDiagram can now turn a repository into a narrated video of about a minute. The video starts with what the project is for and what people do with it, then shows briefly how its main parts fit together and one decision under the hood.
- [Watch the gallery →](https://gitdiagram.com/videos) or add
/videoto any diagram URL, such asgitdiagram.com/owner/repo/video. - Download an MP4 in landscape or vertical (9:16), with captions burned in.
- Making new videos is in early access. Anyone can watch videos that already exist.
Features
- Watch a repository explained in a narrated video, or press Video on any diagram page.
- Explore the architecture with an AI-generated diagram and streamed explanation.
- Jump to the code by clicking any component's linked file or directory.
- Use private repositories with a GitHub token via Private Repos in the header.
- Export diagrams as PNG or copy the Mermaid source.
Use GitDiagram from AI agents
GitDiagram is a remote MCP server at https://gitdiagram.com/mcp (no key or sign-in). Agents can read a public repository's architecture explanation, components, connections and Mermaid source, search the stored diagrams, and get explainer videos.
# Claude Code: the plugin adds the MCP server and a /gitdiagram skillclaude plugin marketplace add ahmedkhaleel2004/gitdiagram claude plugin install gitdiagram@gitdiagram
...or just the MCP server
claude mcp add --transport http gitdiagram https://gitdiagram.com/mcp
Codex
codex mcp add gitdiagram --url https://gitdiagram.com/mcp
Gemini CLI
gemini extensions install https://github.com/ahmedkhaleel2004/gitdiagram
GitHub Copilot CLI
copilot mcp add --transport http gitdiagram https://gitdiagram.com/mcp
In other clients (ChatGPT, Windsurf, Zed, LM Studio, Goose and more), add a remote MCP server with the URL https://gitdiagram.com/mcp. Then ask something like "how is fastapi/fastapi structured?".
Run locally
Requires Bun, Cloudflare R2, Upstash Redis, and an OpenAI or OpenRouter API key. See the setup guide for prerequisites and configuration.
git clone https://github.com/ahmedkhaleel2004/gitdiagram.gitcd gitdiagram bun install cp .env.example .env
Fill in .env using the configuration guide, then start the app:
bun run devOpen localhost:3000.
Explainer videos are off by default. To turn them on, set VIDEO_EXPLAINER_ENABLED=1, NEXT_PUBLIC_VIDEO_EXPLAINER=1, ANTHROPIC_API_KEY, OPENAI_API_KEY and OPENROUTER_API_KEY (for the voice) in .env. See .env.example for the other video settings.
Development
Built with Next.js, React, TypeScript, Tailwind CSS, and Mermaid. Videos use Claude or GPT for the script and scenes and OpenRouter (Gemini 3.8 Flash TTS) for the voice. Deployed on Cloudflare Workers.
- Architecture — generation pipeline, storage, and API
- Development guide — setup, checks, and deployment
- Deployment recovery — Railway/Docker fallback
Contributions are welcome. Open an issue or pull request with a focused description and verification notes.
Inspired by Romain Courtois's Gitingest.