LibreAI / 開発ツール / gitdiagram
// devtools · ahmedkhaleel2004/gitdiagram

gitdiagram

gitdiagramは、ahmedkhaleel2004が公開しているオープンソースの開発ツールプロジェクトです(GitHub: ahmedkhaleel2004/gitdiagram)。GitHubスターは17,984、フォークは1,378で、MITライセンスの下で公開されています。GitHubでの最終更新は2026年10月8日です。

Turn any GitHub repo into an interactive architecture diagram - just swap 'hub' for 'diagram'

★ 18.0k スター⑂ 1.4k フォークMIT更新 2026年10月
▦ ビジュアル — このプロジェクトのREADMEには埋め込み可能なスクリーンショットがないため、
ここではプレースホルダーを表示しています。下のガイド自体は完全な内容です。
// プロジェクトの基本情報

プロジェクト基本情報

GitHubスター
17,984
フォーク
1,378
ライセンス
MIT
GitHubでの最終更新
2026年10月8日
カテゴリ
開発ツール
掲載タイプ
完全なインストールガイド
公式サイト
Official site
// 仕組み

仕組み

  1. Pick a repository

    Choose any public GitHub repo - or prepare a token for a private one.

  2. Get the diagram

    Use the hosted site by editing the repo URL, install the agent plugin, or clone to run locally.

  3. Configure if self-hosting

    For local runs, install dependencies with Bun and copy the example env file.

  4. Explore your first diagram

    Click components to jump to code, export a PNG, or watch the explainer video.

// 機能

選ばれる理由

Interactive architecture diagrams

AI-generated system diagrams you can explore, with streamed explanations of the codebase.

Click through to code

Every component links to the file or directory it represents in the repo.

Explainer videos

Generates a one-minute narrated video explaining the repository.

Private repo support

Use a GitHub token via the Private Repos option to diagram private codebases.

Exports

Export diagrams as PNG or copy the Mermaid source for docs and wikis.

Agent and MCP access

Plugins and an MCP server let Claude Code, Codex, Gemini CLI and Copilot CLI request diagrams directly.

Advertisement
// 自分で実行

自分で実行してみる

  1. Clone the repository

    Get the source code from GitHub and enter the project directory.

    git clone https://github.com/ahmedkhaleel2004/gitdiagram.git
    cd gitdiagram
  2. Run it locally

    Clone, install with Bun, configure the environment, and start the dev server.

    bun install
    cp .env.example .env
    bun run dev
  3. Or add it to your agent

    The README provides plugin/MCP commands for Claude Code, Codex, Gemini CLI and Copilot CLI.

    claude mcp add --transport http gitdiagram https://gitdiagram.com/mcp # see README for other agents
// 活用例

作れるもの

Advertisement
// よくある質問

よくある質問

Who maintains this project?

It is maintained by Ahmed Khaleel (ahmedkhaleel2004) and contributors on GitHub.

Is it free to use?

Yes - GitDiagram is MIT licensed, and the hosted diagrams for public repos are free; local runs need the API keys described in the env example.

Does it need a paid API key?

The hosted service needs no key for public repos (a GitHub token unlocks private repos). Self-hosting uses your own LLM/API credentials per the .env example.

How does it compare to alternatives?

Compared with static diagram generators, GitDiagram is repo-aware and interactive - components link to source - and adds videos and agent/MCP access.

How do I get started?

Take any GitHub URL, replace 'hub' with 'diagram', and explore - or clone and run it locally with Bun.

// さらに探索

似ているツール

開発ツール

cartograph

Cartograph turns any GitHub repo into an interactive dependency map.

★ 42 スターCustom
ガイドを見る →
開発ツール

repo2txt

Turn any GitHub repo into one formatted text file — perfect context for AI.

★ 1.8k スターCustom
ガイドを見る →
開発ツール

mcp2cli

Turn any MCP server, OpenAPI spec or GraphQL endpoint into a CLI — at runtime, with zero codegen

★ 2.4k スターMIT
ガイドを見る →
開発ツール

graphify

Turn any codebase, docs and schemas into a queryable knowledge graph for your coding assistant

★ 124.7k スターApache-2.0
ガイドを見る →
開発ツール

OpenCLI

Turn any website into a CLI — and let AI agents drive your already-logged-in browser

★ 29.9k スターApache-2.0
ガイドを見る →
開発ツール

agents-cli

The CLI and skills that turn any coding assistant into an expert at creating, evaluating, and deploying AI agents on Google Cloud.

★ 6.0k スターApache-2.0
ガイドを見る →
// 代替候補

代替候補: 開発ツール

LibreAIカタログに掲載された開発ツールプロジェクトの中で最もスターの多いもの — gitdiagramが合わなかった場合に検討したい、現実的な候補リストです。

// さらに見る devtools

さらに見る: 開発ツール

カタログの中でgitdiagramとスター数が近い開発ツールプロジェクト — 前後の棚もそのまま見て回れます。

gitdiagramを入手する

無料でオープン — ソースコードを入手して、リポジトリにスターを付け、作り始めましょう。