Forem: Muhammad Abdullah

I made your GitHub profile explorable - you can now fly a spaceship through other developers' universes

Muhammad Abdullah — Sun, 05 Apr 2026 18:40:51 +0000

I made your GitHub profile explorable, you can now fly a spaceship through other developers' universes

Phase 6 of Stack Universe just shipped and it changes what the product fundamentally is. It started as a visualizer. It is now an explorable multiverse.

→ https://stack-universe.vercel.app

Quick context if you are new

Stack Universe turns any GitHub profile into a unique 3D solar system. Your repos are planets sized by star count, orbiting at speeds based on how recently you pushed. Your commit messages float on shooting stars. Your CI/CD runs are space weather, failing builds crack your planets and shatter your deploy streak aura. Every developer gets a permanent URL that is their coordinate in the multiverse.

Previous phases added repo health scores, GitHub Actions weather, OAuth to claim your universe, a README embed widget, and a full AI layer with roast mode, narrator, horoscope, and developer identity panel.

Phase 6 connects every universe together into a living community.

What shipped in Phase 6:

Constellation Multiverse Map

Route: https://stackuniverse.vercel.app/multiverse

Every universe stored in the database now appears as a glowing dot on a top down 2D star map. Position is determined by score — high scoring developers sit near the center, new developers are toward the edges. Constellation lines are drawn between developers who share three or more languages. Named regions appear as faint labels across the map — The JavaScript Nebula, The Rust Cluster, The Python Belt, The TypeScript Corridor.

Hover any dot and it shows the username, score, and distance. Click it and the full cinematic warp entry plays, you fly into that developer's universe from the map. The multiverse is no longer a concept. It is a navigable space.

Universe Discovery Feed

The landing page now has a live ticker powered by Supabase Realtime. Every time someone searches a username it appears in the feed. Two minutes ago someone explored JakeWharton's universe. Just now torvalds was visited. The landing page feels alive instead of static. It is a pure FOMO engine — you see other people exploring and immediately want to explore yours.

Tech Stack Fingerprint

Button in the HUD: MY DNA 🧬

Groq and your language data combine to generate a unique radial mandala chart from your exact language percentages. A polyglot developer with eight languages gets a complex multi-pointed flower. A specialist who codes exclusively in one language gets a strong single directional spike. No two fingerprints look the same because no two developers have the same stack.

Downloadable as a PNG. Shareable as your developer DNA. This is the kind of thing developers post on Twitter without being asked to.

Multiplayer Presence

When two or more people view the same universe simultaneously

Button on the landing page: EXPLORE MULTIVERSE 🚀

The camera switches to a first person spaceship view. WASD or arrow keys control movement. Mouse controls direction. You fly through infinite space and real developer universes are visible as glowing solar systems in the distance. Fly toward one and it grows larger as you approach. A label appears showing the username, score, and distance. Press E to trigger the full cinematic warp entry and fly inside.

Where the product stands after six phases

Phase 1 gave every developer a beautiful universe. Phase 2 made every planet informative. Phase 3 made it live with CI/CD weather. Phase 4 gave developers ownership. Phase 5 gave it a voice with AI. Phase 6 connected every universe into a community.

The comment that became the product philosophy came from a user early on: same data, but way more engaging when it talks back. That is still the north star. Every phase asks what else this data is trying to say.

Phase 7 is next — a full analytics dashboard with graphs and charts for the professional use case. Same data from the solar system but presented as clean readable charts for teams, managers, and recruiters. After that the combat system — universe battles where your GitHub stats become weapons.

An honest note

I am still learning and improving with every phase I ship. This is a side project and every piece of feedback has directly shaped what gets built next. If you are an experienced developer and see something I should be doing differently in the Three.js architecture, the Supabase Realtime implementation, the Tone.js audio generation, or anything else — I genuinely want to hear it.

Try the spaceship mode. Fly around. Find someone's universe. Drop your universe URL in the comments.

→ https://stackuniverse.vercel.app

I added AI to Stack Universe — your GitHub profile now has a narrator, a roast mode, and a weekly horoscope

Muhammad Abdullah — Mon, 30 Mar 2026 22:37:33 +0000

Phase 5 just shipped. Stack Universe now has a full AI intelligence layer powered by Groq and honestly the roast mode alone made this worth building.

→ https://stack-universe.vercel.app

Quick context

Stack Universe turns any GitHub profile into a unique 3D solar system. Your repos are planets, commits are shooting stars with real commit messages, CI/CD runs are space weather, forks are the asteroid belt. Phase 4 added GitHub OAuth so developers can claim their universe permanently and embed it in their README. Phase 5 makes it intelligent.

What shipped in Phase 5

Automated Universe Scan

Every time a universe loads after the cinematic a floating intelligence panel fades in. Groq receives your full GitHub data and surfaces 3 specific observations in plain English. Not generic encouragement — actual data-driven insights.

Real examples it generates:

1. "TypeScript adoption up 40% — JavaScript losing ground fast"
2. "3 repos untouched 18+ months — graveyard candidates"
3. "CI pass rate dropped 30% in the last 2 weeks"
4. "Commit frequency peaks Tuesday evenings consistently"

Panel auto-dismisses after 10 seconds or you can keep it open. Every universe gets different observations because they're generated from real data not templates.

Auto Repo Summaries

Hover any planet for 2 seconds and Groq generates a one-sentence description of what that repo actually does. Based on the repo name, description, primary language, and recent commit messages. Cached in Supabase so it feels instant after the first generation.

This solves a real problem — when you visit someone else's universe you have no idea what their repos are. Now you do without clicking anything.

Examples it generates:

"Full-stack authentication library for Next.js with OAuth support"
"CLI tool for automating GitHub repository management"
"Unfinished side project experimenting with WebGL particles"

Universe Narrator

Button in the HUD: NARRATE 🎙

Groq generates a dramatic 4-sentence documentary-style monologue about your developer journey. References your actual repo names, your light-year distance, your language choices, your account history. Streams word by word like the warp entry cinematic.
Example output for my own universe:

"In 2024, from the JavaScript nebula, this developer emerged. Their flagship world — Stack Universe — burns with its first stars, still finding its orbit. The TypeScript belt is thin but growing, a sign of a developer in transition. This universe is young. The most interesting chapters have not been written yet."

Share button copies it with your universe URL.

Roast Mode 🔥

This is the one. Button in HUD: ROAST ME 🔥

Loading state: "Analyzing your failures..." for 2 seconds. Then Groq absolutely destroys you using your real GitHub data. Actual repo names. Actual star counts. Actual commit message tone. Actual inactivity periods. Brutal, specific, funny.
My own roast hit like this:

"Your GitHub profile is like a Fortnite match where you're the only one playing, and somehow you still manage to get eliminated. 12 repos and only 5 stars — that's main character energy in an empty room. Your magnum opus Stack-Universe has a whopping 3 stars, which is cute, but 9 repos with 0 stars is a certified skill issue. Your recent activity of 15 events in a brand new account is either impressive or a desperate cry for help, like a Twitch streamer with 0 viewers. But hey — kinda like your JavaScript skills, it's all just a joke. Hope it made you smile 💀"

It made me look bad. It also made me laugh out loud. That's the point.
Share button copies the roast with "get roasted at
https://stack-universe.vercel.app" appended.

Stack Horoscope

Button in HUD: HOROSCOPE ✨

Weekly absurd developer horoscope based on your actual language planets, commit streak, repo health, account age. Regenerates every Monday. Cached so everyone who visits your universe sees the same one throughout the week.

Example:

"Mercury is in TypeScript this week — expect type errors but architectural clarity. Your Python moon is waxing, suggesting a scripting project approaches. The asteroid belt is unusually dense — old forks demand attention. Lucky language: Rust. Avoid merging on Fridays."

Completely unhinged. Tied to real data.

Commit Sentiment Nebula

Your recent commit message tone shifts the nebula color. Stressed and rushed commits (fix, hotfix, urgent, broken, why, please, wtf) push the nebula warmer and more turbulent — orange-red tint with slight particle disturbance. Calm and methodical commits (refactor, improve, add, clean, optimize, docs) shift it cooler and smoother — deep blue-purple.

Developer Identity Panel

Button in the HUD: IDENTITY 🧠

Groq analyzes your full GitHub data and returns two things at once — three punchy observations about your developer patterns, and a full personality type with a creative name and description. The observations are specific to your real data, not generic summaries. No raw numbers, no data dumps — just insights about what your GitHub actually says about you as a developer. The personality reads like a developer zodiac sign: "The JavaScript Purist", "The Serial Starter", "The Velocity Demon", "The Midnight Architect" — each one generated from your actual repos, activity patterns, and language distribution. Mine came back as "The Emerging Force" with the note that my focus on JavaScript is either a superpower or a comfort zone. It hit different because it was true.

The tech behind Phase 5

Everything AI runs through a single lib/groq.ts helper using llama3-70b-8192. All endpoints are separate Next.js API routes so each feature can fail independently without breaking anything else. Repo summaries are cached in Supabase keyed by username/reponame and only regenerated if the repo was pushed to in the last 7 days — keeps costs near zero and responses feel instant.

Where Stack Universe is now after 5 phases

Phase 1 → beautiful 3D visualization from GitHub data
Phase 2 → real repo intelligence, health scores, PR moons, graveyard
Phase 3 → live CI/CD as space weather
Phase 4 → OAuth, claim your universe, README embed
Phase 5 → AI intelligence, narrator, roast, horoscope, query, digest

Phase 6 is next — constellation multiverse map, spaceship free roam exploration, multiplayer presence, universe radio, time travel. The explorable multiverse is coming.

An honest note

I am 19, building this solo between diploma classes in Karachi. Five phases shipped in roughly a month. The roast mode violated me personally and I built it — so I know it works.

If you are an experienced developer and see something I should be doing differently — the Groq prompt engineering, the caching strategy, the React Three Fiber architecture, anything — I genuinely want to hear it. Every piece of feedback from this community has made the product better.
Try the roast. Post your result. I want to see the damage 💀

→ https://stackuniverse.vercel.app

UPDATE: I built a side project that turns GitHub profiles into 3D solar systems, honest feedback welcome

Muhammad Abdullah — Wed, 25 Mar 2026 18:04:36 +0000

Claim Your Domain in the Stack Universe 🌌

Have you ever wondered what your GitHub profile would look like as a 3D solar system? We've been building Stack Universe to answer that exact question. Today, we're excited to share some major updates that bring your digital cosmos to life!

Your Universe, Your Identity

One of the core features of Stack Universe is the ability to "Claim Your Universe." By signing in with GitHub, you can now:

Customize your Central Star: Choose a color that reflects your coding personality.
Write your Origin Story: Add a custom Universe Bio that appears both in the 3D scene and on your profile card.
Pin your Best Repos: Select up to 3 repositories to orbit your star as "planets," showcasing your most important work.

Take Your Universe anywhere with the NEW Embed Widget

We wanted you to be able to show off your custom universe directly in your GitHub README. Our new Animated SVG Embed is a high-performance, pixel-perfect card (540x200px) that features:

Live Orbit Animations: Your pinned repositories rotate in real-time.
Pulsing Stars & Glow Effects: A premium visual layout that matches the full 3D app.
Detailed Stats: Your Universe Score and repo count, all in one sleek card.

Build the Multiverse with Us

Stack Universe is all about visualizing the incredible impact of developers around the world. Whether you're a Python enthusiast (yellow star!) or a TypeScript wizard (cyan star!), your universe is unique.

Check out your universe today: https://stack-universe.vercel.app

Let us know what your Universe Score is in the comments! 🚀

Stack Universe Phase 3 is live, your failing builds now crack your planets in half

Muhammad Abdullah — Tue, 24 Mar 2026 11:59:48 +0000

Two weeks ago I launched Stack Universe as a side project between classes. Last week Phase 2 shipped with repo health scores and PR moons orbiting planets. Today Phase 3 is live and it's the most visually dramatic update yet, your entire CI/CD pipeline is now part of your solar system.

→ https://stack-universe.vercel.app

Quick context if you missed the previous posts

Stack Universe turns any GitHub profile into a unique 3D solar system. Your repos are planets. Size = star count. Orbit speed = days since last push. Your real commit messages float across the system on shooting stars. Your forked repos drift as asteroids in the belt. Every developer gets a permanent universe at their own URL,
stack-universe.vercel.app/universe/username.

Phase 2 added repo health scores that drive planet appearance — a repo with 200 open issues gets a stormy red atmosphere. A healthy active repo glows clean and bright. PR moons orbit planets showing open pull requests. Dead repos drift to the outer graveyard zone.

Phase 3 takes that further. Now your GitHub Actions runs are live inside your universe.

What shipped in Phase 3

Build history meteor shower

Every tier 1 planet, your top 5 repos by stars, now has a ring of particles orbiting just outside its atmosphere. Green particle = successful build. Red = failed. Yellow animated = currently running right now.

You can look at any planet and know its CI/CD history without hovering or clicking anything. Dense green ring means clean pipeline. Scattered red means something has been broken for a while. It communicates pipeline health the same way a planet's atmosphere communicates repo health — instantly, visually, no reading required.

Planet surface outcome

The most recent workflow run changes the planet's surface. Successful last build = subtle green emissive glow. Failed = red flickering overlay, planet looks cracked and distressed. In progress = yellow pulsing outline ring around the whole planet. Your last build result is readable across the entire system at a glance.

Live build comet

Any workflow currently running renders as a bright yellow comet streaking toward that repo's planet from outside the system. It uses the same 16-point trail buffer as the commit message shooting stars. When it reaches the planet it triggers a pulse flash, green if the build passes, red if it fails. You can watch your CI/CD run happen inside your solar system in real time.

Deploy streak aura

Consecutive successful builds accumulate a glowing aura around the planet. 1–3 successes = 1 thin green ring. 4–6 = 2 rings, brighter. 7–9 = 3 rings, gold tint. 10+ = full pulsing golden aura that slowly rotates around the planet.

Break the streak with a failure and the aura shatters, brief particle burst outward, then gone. Rebuild it run by run and watch the rings form again. Repos with clean consistent CI pipelines look genuinely beautiful. Broken ones look like they are in distress. The visual exactly matches the reality.

Space weather HUD panel

Bottom center of the solar view now shows a SPACE WEATHER panel. Colored pulsing dots for each tier 1 repo. Green = passed. Red = failed. Yellow animated = running. If everything is healthy it shows a single line: "All systems nominal." If no repos have GitHub Actions configured at all the panel hides itself completely.

Redistribution logic in the planet detail panel

This one came from community feedback. When you click a planet the detail panel now shows exactly why that repo landed in the tier it did. Tier badge, rank out of total repos, a progress bar showing where it sits, what visual features that tier unlocks, and an upgrade hint for lower tier repos. The sorting algorithm is now fully transparent, nothing feels arbitrary.

Actions breakdown in the planet detail panel

The click panel also shows CI/CD numbers. Total runs in last 10, pass count, fail count, pass rate as a percentage with a progress bar, most recent workflow name and status, current deploy streak count. If the repo has no Actions configured it says so plainly instead of showing empty space.

What the full product looks like now after 3 phases

Phase 1 gave every developer a beautiful permanent universe from their public GitHub data.

Phase 2 made every planet actually informative, health scores, velocity rings, PR moons, graveyard.

Phase 3 made it live, CI/CD events happen inside the universe in real time.

The next two phases are the ones that turn it from a visualization into a permanent developer portfolio layer.

Phase 4 is GitHub OAuth so developers can claim their universe, customize their star, pin their featured repos.

Phase 5 is the README embed widget, one line of markdown and your animated solar system lives inside your GitHub profile permanently, visible to every recruiter and collaborator who visits your page.

An honest note:

I am 19, building this solo between diploma classes in Karachi, and I learn something new with every phase I ship.

If you are an experienced developer and you see something I should be doing differently, the React Three Fiber architecture, the GitHub API usage, the performance optimization, the 3D rendering approach, anything at all, I genuinely want to hear it.

The experienced developers in these communities have already taught me things I would not have figured out on my own and that feedback is worth more than any tutorial.

Thanks for following along. Drop your universe URL in the comments, I want to see what your system looks like with Phase 3 live.

→ https://stack-universe.vercel.app

I built a side project that turns GitHub profiles into 3D solar systems, honest feedback welcome

Muhammad Abdullah — Wed, 18 Mar 2026 08:11:53 +0000

Hey everyone,

I've been working on a small side project over the past few weeks in my spare time and finally got it to a point where I felt okay sharing it. It's called Stack Universe.

The idea is simple, you type any GitHub username and it generates a 3D solar system from their coding activity. Your most used programming language becomes the biggest planet, each repo orbits as a moon, recent commits fly across as shooting stars, that kind of thing.

Live: Stack Universe
GitHub: Stack Universe

How it works:

⭐ Central star size = your GitHub score (stars × repos × languages × account age)
🪐 Each language, a planet. Size is lines of code, orbit speed is how recently you used it, abandoned languages orbit nearly frozen
🌙 Top repos orbit as moons around their language planet, click them to open on GitHub
💫 Shooting stars are real commits, hover to see the message and date
☄️ Asteroid belt shows forks and abandoned repos, color coded
🌌 Every searched user gets added to a shared "multiverse" on the landing page

The entry animation calculates a real distance based on your score and shows it during a warp speed cinematic. Linus Torvalds is a Multiverse Core neighbor. Someone with 3 repos is at the outer edges of the known universe.

Tech I used

Next.js 14, React Three Fiber, Three.js, Framer Motion, Supabase, GitHub REST API, Tailwind. No auth needed, works on any public profile.

What I'm not happy with yet

Honestly there's a lot. Mobile is broken. The shooting star interaction is finicky. The multiverse landing feels empty until more people use it. Performance could be better on lower-end devices. I also haven't figured out what the "right" scoring formula looks like, right now it heavily favors people with lots of public repos which isn't necessarily fair.

I'm sharing it now because I kept waiting until it was "ready" and I think that's the wrong approach. It works, it's fun, and getting real feedback is more valuable than polishing in isolation.

If you have thoughts, good, or bad, I genuinely want to hear them. I'm still learning and the experienced folks in this community always teach me something I wouldn't have figured out on my own.

Thanks for taking a look 🙏