// devtools · ahmedkhaleel2004/gitdiagram

gitdiagram

gitdiagram é um projeto de ferramentas de desenvolvimento de código aberto de ahmedkhaleel2004 (ahmedkhaleel2004/gitdiagram no GitHub). Tem 17.984 estrelas no GitHub e 1.378 forks, é publicado sob a licença MIT e foi atualizado pela última vez no GitHub em 8 de outubro de 2026.

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

★ 18,0 mil estrelas⑂ 1,4 mil forksMITatualizado out 2026
▦ visual: o README deste projeto não inclui nenhuma captura incorporável,
então aqui vai um marcador. O guia abaixo está completo mesmo assim.
// dados do projeto

Dados do projeto

Estrelas no GitHub
17.984
Forks
1.378
Licença
MIT
Última atualização no GitHub
8 de outubro de 2026
Tipo de ficha
Guia de instalação completo
Site oficial
Official site
// como funciona

Como funciona

  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.

// recursos

Por que as pessoas gostam tanto

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
// execute você mesmo

Execute você mesmo

  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
// casos de uso

O que você pode criar

Advertisement
// perguntas frequentes

Perguntas frequentes

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.

// continue explorando

Ferramentas semelhantes

Ferramentas de desenvolvimento

cartograph

Cartograph turns any GitHub repo into an interactive dependency map.

★ 42 estrelasCustom
Ver o guia →
Ferramentas de desenvolvimento

repo2txt

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

★ 1,8 mil estrelasCustom
Ver o guia →
Ferramentas de desenvolvimento

mcp2cli

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

★ 2,4 mil estrelasMIT
Ver o guia →
Ferramentas de desenvolvimento

graphify

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

★ 124,7 mil estrelasApache-2.0
Ver o guia →
Ferramentas de desenvolvimento

OpenCLI

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

★ 29,9 mil estrelasApache-2.0
Ver o guia →
Ferramentas de desenvolvimento

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,0 mil estrelasApache-2.0
Ver o guia →
// alternativas

Alternativas em Ferramentas de desenvolvimento

Os outros projetos de Ferramentas de desenvolvimento com mais estrelas no catálogo do LibreAI — a lista realista de alternativas se gitdiagram não for o ideal para você.

// mais em devtools

Mais em Ferramentas de desenvolvimento

Projetos de Ferramentas de desenvolvimento próximos no catálogo, os mais próximos em estrelas de gitdiagram: continue explorando dos dois lados dele.

Baixe o gitdiagram

Grátis e aberto: pegue o código-fonte, dê uma estrela no repositório e comece a criar.