ahmedkhaleel2004/gitdiagram ? reverse-engineered prompt

I want to build a web app that helps people visualize codebases. The main feature is a simple homepage with an input field where a user can paste the URL of any public GitHub repository.

Once they submit the URL, the app should use an AI model to analyze the repo's file structure and generate an interactive system design or architecture diagram. It should be smart enough to understand the different parts of the project and how they connect. The diagram itself needs to be clickable, so when a user clicks on a node, it should take them directly to that file or folder on GitHub.

It should also have an option for users to analyze their private repositories by providing a GitHub personal access token. Finally, please add a couple of buttons so the user can either download the generated diagram as a PNG image or copy the raw Mermaid code for their own use. For the tech stack, let's go with Next.js and Tailwind CSS for a clean, modern interface.