MyGitFolio
I got tired of how cluttered traditional GitHub profiles look, so I vibe coded a tool that instantly turns any GitHub account into a clean, shareable develop...
Description
I got tired of how cluttered traditional GitHub profiles look, so I vibe coded a tool that instantly turns any GitHub account into a clean, shareable developer portfolio. You just type in your GitHub username, and it automatically extracts your repositories, key tech stats, and top highlights. It presents them in a clean, modern layout with zero setup or configuration required.
My Tech Stack: VS Code, Claude/Codex, and Supabase for authentication.
My Prompting Strategy & AI Workflow
I used LLMs to dynamically inspect repository contents and generate tailored developer bios (like summarizing top technologies into roles like "Full-Stack Developer" or "Mobile App Enthusiast") along with personality and working style traits.
Rather than building extensive custom CSS by hand, I prompt-engineered color themes (including custom "AI-violet" and neon options) and responsive UI layouts directly through my vibe coding workflow.
Challenges
Early iterations of the LLM were slightly overly enthusiastic with developer titles (such as labeling basic repos as "Neovim Architect" or generating repetitive adjectives). I had to refine the prompts to produce more grounded, accurate bio summaries.
Mobile users originally experienced broken layouts on iOS devices. I worked through UI fixes to handle mobile viewports seamlessly across screens.
Fetching and parsing GitHub data via AI logic initially caused a delay, even taking up to 20 seconds to report a 404 for invalid usernames. I had to focus on optimizing backend processing times and error feedback.
Adding support for user logins via Supabase so developers can customize their themes, toggle which projects to display, and edit their AI-generated descriptions directly.