{"id":"7b73da48-bf30-49e1-b158-2575f1ad8e08","shortId":"DzGQgQ","kind":"skill","title":"Generate clickable architecture diagrams from public GitHub repos with GitDiagram","tagline":"Turn a public GitHub repository into an interactive architecture diagram before onboarding, code review, or agent handoff.","description":"# Generate clickable architecture diagrams from public GitHub repos with GitDiagram\n\nTurn a public GitHub repository into an interactive architecture diagram before onboarding, code review, or agent handoff.\n\n## Prerequisites\n\nPublic GitHub repository URL, web access, optional self-hosted OpenAI or OpenRouter configuration\n\n## Installation\n\nUse the upstream install or setup path that matches your environment:\n- git clone https://github.com/ahmedkhaleel2004/gitdiagram.git\n- docker-compose up --build -d\n- docker-compose logs -f api\n\nRequirements and caveats from upstream:\n- That graph is validated against the actual file tree, retried with feedback if it contains bad paths or invalid connections, then compiled into Mermaid and validated again before it is shown. Any node tied to a real p...\n- This keeps the backend's Python environment managed by uv and installs the backend Mermaid validator's Bun dependencies from backend/bun.lock.\n\nBasic usage or getting-started notes:\n- One implementation detail worth knowing: the Next backend validates Mermaid in-process in [src/server/generate/mermaid-validator.ts](/Users/ahmedkhaleel/repos/gitdiagram/src/server/generate/mermaid-validator.ts), whil...\n- bun run install:backend\n- cp .env.example .env\n\n- Source: https://github.com/ahmedkhaleel2004/gitdiagram\n- Extracted from upstream docs: https://raw.githubusercontent.com/ahmedkhaleel2004/gitdiagram/HEAD/README.md\n\n## Documentation\n\n- https://gitdiagram.com\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram/)","tags":["generate","clickable","architecture","diagrams","from","public","github","repos","with","gitdiagram","skills","agentskillexchange"],"capabilities":["skill","source-agentskillexchange","skill-generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram","topic-agent-skills","topic-ai-agents","topic-ai-tools","topic-awesome-list","topic-claude-code","topic-codex","topic-cursor","topic-llm","topic-mcp","topic-npx-skills","topic-openclaw","topic-skills-catalog"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/agentskillexchange/skills/generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add agentskillexchange/skills","source_repo":"https://github.com/agentskillexchange/skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 8 github stars · SKILL.md body (1,625 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:10:33.370Z","embedding":null,"createdAt":"2026-05-18T13:16:40.399Z","updatedAt":"2026-05-18T19:10:33.370Z","lastSeenAt":"2026-05-18T19:10:33.370Z","tsv":"'/ahmedkhaleel2004/gitdiagram':197 '/ahmedkhaleel2004/gitdiagram.git':86 '/ahmedkhaleel2004/gitdiagram/head/readme.md':204 '/skills/generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram/)':213 '/users/ahmedkhaleel/repos/gitdiagram/src/server/generate/mermaid-validator.ts':185 'access':61 'actual':110 'agent':26,53,208 'agentskillexchange.com':212 'agentskillexchange.com/skills/generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram/)':211 'api':98 'architectur':3,19,30,46 'backend':145,155,177,190 'backend/bun.lock':162 'bad':119 'basic':163 'build':91 'bun':159,187 'caveat':101 'clickabl':2,29 'clone':83 'code':23,50 'compil':125 'compos':89,95 'configur':69 'connect':123 'contain':118 'cp':191 'd':92 'depend':160 'detail':172 'diagram':4,20,31,47 'doc':201 'docker':88,94 'docker-compos':87,93 'document':205 'env':193 'env.example':192 'environ':81,148 'exchang':210 'extract':198 'f':97 'feedback':115 'file':111 'generat':1,28 'get':167 'getting-start':166 'git':82 'gitdiagram':10,37 'gitdiagram.com':206 'github':7,14,34,41,57 'github.com':85,196 'github.com/ahmedkhaleel2004/gitdiagram':195 'github.com/ahmedkhaleel2004/gitdiagram.git':84 'graph':105 'handoff':27,54 'host':65 'implement':171 'in-process':180 'instal':70,74,153,189 'interact':18,45 'invalid':122 'keep':143 'know':174 'log':96 'manag':149 'match':79 'mermaid':127,156,179 'next':176 'node':136 'note':169 'onboard':22,49 'one':170 'openai':66 'openrout':68 'option':62 'p':141 'path':77,120 'prerequisit':55 'process':182 'public':6,13,33,40,56 'python':147 'raw.githubusercontent.com':203 'raw.githubusercontent.com/ahmedkhaleel2004/gitdiagram/head/readme.md':202 'real':140 'repo':8,35 'repositori':15,42,58 'requir':99 'retri':113 'review':24,51 'run':188 'self':64 'self-host':63 'setup':76 'shown':134 'skill':209 'skill-generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram' 'sourc':194,207 'source-agentskillexchange' 'src/server/generate/mermaid-validator.ts':184 'start':168 'tie':137 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome-list' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-llm' 'topic-mcp' 'topic-npx-skills' 'topic-openclaw' 'topic-skills-catalog' 'tree':112 'turn':11,38 'upstream':73,103,200 'url':59 'usag':164 'use':71 'uv':151 'valid':107,129,157,178 'web':60 'whil':186 'worth':173","prices":[{"id":"ab2ee1b4-bd5f-48f1-9f16-906a1f37a01e","listingId":"7b73da48-bf30-49e1-b158-2575f1ad8e08","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"agentskillexchange","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T13:16:40.399Z"}],"sources":[{"listingId":"7b73da48-bf30-49e1-b158-2575f1ad8e08","source":"github","sourceId":"agentskillexchange/skills/generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram","isPrimary":false,"firstSeenAt":"2026-05-18T13:16:40.399Z","lastSeenAt":"2026-05-18T19:10:33.370Z"}],"details":{"listingId":"7b73da48-bf30-49e1-b158-2575f1ad8e08","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram","github":{"repo":"agentskillexchange/skills","stars":8,"topics":["agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor","llm","mcp","npx-skills","openclaw","skills-catalog"],"license":"mit","html_url":"https://github.com/agentskillexchange/skills","pushed_at":"2026-05-18T19:02:17Z","description":"The open catalog of AI agent skills — 2,000+ security-scanned skills for Claude Code, Cursor, Codex, and more.","skill_md_sha":"160ae99b9313d3a3adb795c43602fa7514bdf70c","skill_md_path":"skills/generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"Generate clickable architecture diagrams from public GitHub repos with GitDiagram","description":"Turn a public GitHub repository into an interactive architecture diagram before onboarding, code review, or agent handoff."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/generate-clickable-architecture-diagrams-from-public-github-repos-with-gitdiagram"},"updatedAt":"2026-05-18T19:10:33.370Z"}}