// devtools · ahmedkhaleel2004/gitdiagram

gitdiagram

gitdiagram es un proyecto de herramientas de desarrollo de código abierto de ahmedkhaleel2004 (ahmedkhaleel2004/gitdiagram en GitHub). Tiene 17.984 estrellas en GitHub y 1.378 bifurcaciones, se publica bajo la licencia MIT y se actualizó por última vez en GitHub el 8 de octubre de 2026.

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

★ 18,0k estrellas⑂ 1,4k bifurcacionesMITactualizado oct 2026
▦ visual: el README de este proyecto no incluye ninguna captura incrustable,
así que aquí va un marcador. La guía de abajo está completa de todos modos.
// datos del proyecto

Datos del proyecto

Estrellas en GitHub
17.984
Bifurcaciones
1.378
Licencia
MIT
Última actualización en GitHub
8 de octubre de 2026
Tipo de ficha
Guía de instalación completa
Sitio oficial
Official site
// cómo funciona

Cómo 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.

// características

Por qué gusta 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
// ejecútalo

Ejecútalo tú mismo

  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

Qué puedes crear

Advertisement
// preguntas frecuentes

Preguntas frecuentes

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.

// sigue explorando

Herramientas similares

Herramientas de desarrollo

cartograph

Cartograph turns any GitHub repo into an interactive dependency map.

★ 42 estrellasCustom
Ver la guía →
Herramientas de desarrollo

repo2txt

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

★ 1,8k estrellasCustom
Ver la guía →
Herramientas de desarrollo

mcp2cli

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

★ 2,4k estrellasMIT
Ver la guía →
Herramientas de desarrollo

graphify

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

★ 124,7k estrellasApache-2.0
Ver la guía →
Herramientas de desarrollo

OpenCLI

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

★ 29,9k estrellasApache-2.0
Ver la guía →
Herramientas de desarrollo

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 estrellasApache-2.0
Ver la guía →
// alternativas

Alternativas en Herramientas de desarrollo

Los demás proyectos de Herramientas de desarrollo con más estrellas del catálogo de LibreAI: la lista realista de alternativas si gitdiagram no es lo que buscas.

// más en devtools

Más en Herramientas de desarrollo

Proyectos de Herramientas de desarrollo cercanos en el catálogo, los más próximos en estrellas a gitdiagram: sigue explorando a ambos lados.

Consigue gitdiagram

Gratis y abierto: consigue el código fuente, dale una estrella al repositorio y empieza a crear.