Skip to content
cccskills
FreePublished on GitHub

gitdiagram

Understand a public GitHub repository through GitDiagram's architecture overview. Get an explanation of its main components, source paths, and connections, plus Mermaid diagram source and an interactive diagram for exploring the code.

OriginalShow the original description

Show the architecture of a public GitHub repository with GitDiagram (gitdiagram.com) - a written explanation, its main components and source paths, how they connect, and a Mermaid diagram. Use when the user wants to understand, map, visualize or get an overview of a GitHub repository or open-source project's architecture, structure or data flow, or asks for an architecture diagram of a repo, e.g. "/gitdiagram fastapi/fastapi" or "how is vercel/next.js structured?".

ahmedkhaleel2004/gitdiagram
Works withGitHubVercel
See how to install

Good for

  • Getting an overview of an unfamiliar public repository
  • Finding source paths for major components
  • Understanding connections and data flow
  • Requesting a Mermaid architecture diagram

Files included (1)

  • SKILL.md1.7 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

GitDiagram

Explain the architecture of the GitHub repository the user named (owner/repo or a GitHub URL) with GitDiagram.

  1. If you only have a project name, call the find_repository_diagrams tool from the gitdiagram MCP server to find its exact owner/repo.
  2. Call get_repository_diagram with owner/repo or the GitHub URL.
  3. Answer from the result: a short summary of how the codebase is organized, the main components with their source paths, and how they connect. Include the Mermaid source when the user asked for a diagram, and the interactive diagram link (https://gitdiagram.com/owner/repo), where each component opens its code.
  4. If GitDiagram has no diagram yet, give the user the link from the result: opening it in a browser generates one for free in about a minute. Then offer to read it again.

If the gitdiagram MCP tools are not available, fetch https://gitdiagram.com/owner/repo.md instead: it is the same diagram as Markdown (a 404 means there is no diagram yet).

GitDiagram covers public repositories only. Its diagrams are AI-made overviews, so check specific claims against the source before relying on them.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

repo-architecture

FreeSummary

Explore how a public GitHub repository is organized using GitDiagram. Get explanations tied to component names and source paths, an interactive architecture diagram, and a narrated explainer video when one is available.

  • Preparing to work in an unfamiliar public codebase
  • Understanding major components and their source paths
  • Exploring component connections in an interactive diagram
ahmedkhaleel2004/gitdiagram18.3KUpdated Oct 14, 2026

See all skills by ahmedkhaleel2004

Report a problem with this skill