GitDiagram is an open-source micro dev-tool that I made this past week
Given any public GitHub repository it generates diagrams in Mermaid.js with Claude 3.5 Sonnet Try it out for free at https://gitdiagram.com
I extract information from the file tree and README for details and interactivity (you can click components to be taken to relevant files and directories)
Also, you can replace "hub" with "diagram" in any repository URL to access its diagram
I created this because I wanted to contribute to open-source projects but quickly realized their codebases are too massive for me to dig through manually, so this helps me get started
I do still plan on adding other features like private repository access if that becomes a thing people want
This project was heavily inspired by https://gitingest.com/ so make sure to check that out as well!
Hopefully this tool can help you and feedback is always welcome!
@ahmedkhaleel2004 Congrats on GitDiagram! Love the simplicity of "hub to diagram." As an eng myself I’m curious that is there any plans to add deeper insights like dependencies or key file highlights to speed up exploration?
@tonyabracadabra Well Claude 3.5 Sonnet only has a 200k token context window, but with cheaper and larger models like Gemini 1206 maybe I think that could be possible
I like the idea, but a funny thing happened as I tried it out:
For one of my (still quiet empty) public repos, the model hallucinated and added a bunch of components and layers that don't exist 😂
The repo only has a License and Readme.md, feel free to try it out with the repo: https://github.com/juliangoetze/...
@juliangoetze Wow I just saw that, yea its funny. I can see how this happens from the way I generate these, but it tends to be pretty accurate for actual repositories
😸 Really cool! Would love if it could be exported to some kind of markdown output, so It could be added to readme.md docs? And maybe add support for BYO OpenAI key, to offset cost for you?
@sentry_co Both great ideas! Actually did you know that GitHub markdown already supports Mermaid.js code? you can simply copy the Mermaid.js code from my website and paste into GitHub markdown!
GitDiagram
Muku.ai
GitDiagram
GitDiagram
GitDiagram