Inspiration
What if we could score how chaotic someone's thinking is not to fix it, but to celebrate it? We're all posting unhinged shower thoughts at 3 AM, pitching pigeon-based startups to nobody, and writing tweets that would make philosophers weep. But nobody's actually measuring the rot. BrainRot Index was born from a real cognitive scoring framework I've been building — one that maps to actual research in metacognition, analytical rigor, and creative thinking. I thought: if we're going to understand how humans think, we might as well start with the unhinged stuff first.
What it does
Drop your tweets, shower thoughts, 3 AM notes, startup pitches, or unhinged group chat takes and AI scores your brainrot across 6 cognitive dimensions:
- 🗣️ Yap Density — how much you say without saying anything
- 🎨 Unhinged Creativity — the sheer chaos energy of your ideation
- 🌀 Overthink Spiral — depth of your existential rabbit holes
- 💅 Delulu Confidence — how delusionally confident your take is
- 👑 Main Character Energy — how hard you're narrating your own movie
- 📱 Doomscroll Resilience — your commitment to the bit
You get a score out of 100, a personality type (like "Existential Speedrunner" or "Delulu Degen"), a tarot card reading, a philosopher who would've vibed with your take, a historical parallel to your level of chaos, and a shareable Wordle-style card.
There's a Hall of Rot leaderboard across 5 categories (Most Cooked, Yap Champion, Delulu Award, Certified Overthinker, Main Character) plus a Rot Archive that tracks your thinking patterns over time with sparkline trend charts.
## How we built it
- Frontend: Next.js 16 + React 19 + TypeScript + Tailwind CSS
- AI: Google Gemma 3 12B running locally via Ollama on an RTX 4090
- Design: Comic book aesthetic — halftone patterns, speech bubbles, comic panels, tarot cards, custom SVG doodle character faces, glitch effects, scanlines
- UX polish: Sound effects (Web Audio API), confetti on high scores (80+), animated score counter, typewriter effect on roasts, step-by-step loading animation, Cmd+Enter shortcut, clickable example prompts, light/dark mode
- Icons: Phosphor Icons (duotone + fill weights)
- Share: Wordle-style text card with dimension bars, share to X Each of the 6 brainrot dimensions secretly maps to a real cognitive science dimension (Analytical Rigor, Creative Range, Metacognitive Depth, Intellectual Humility, Synthesis, Persistence) from a scoring framework I developed for a separate project. ## Challenges we ran into
- Getting local LLMs to consistently output valid JSON with all required fields (tarot, philosopher, historical parallel) solved with robust JSON extraction and retry logic
- Making the comic book aesthetic work in both dark AND light mode ended up with 30+ CSS custom properties
- Balancing "useless and chaotic" with "technically impressive" the app needs to make people laugh AND make engineers ask "wait, how does the scoring actually work?" ## Accomplishments that we're proud of
- Score 88 on our own app — we're officially Chronically Cooked
- Google Gemma 3 12B running locally on an RTX 4090 with zero API costs, zero latency — the entire AI stack runs on one GPU
- 6 brainrot dimensions that secretly map to real cognitive science — the joke has actual research underneath it
- Full comic book aesthetic in pure CSS — halftone dots, speech bubbles, panel borders, tarot cards, manga action lines — zero image assets ## What we learned Running Google's Gemma 3 locally is surprisingly good for structured output tasks. The comic book CSS aesthetic (halftone dots, speech bubbles, panel borders with box-shadows) is achievable with pure CSS no images needed. And the best way to showcase real technology is to wrap it in something absurd. ## What's next for BrainRot Index The serious version of this scoring framework is called Discuria a platform where crowd-sourced problem solving gets scored across 6 research-backed cognitive dimensions. Think GitHub, but for thinking. BrainRot Index is the chaotic gateway to that vision.
Built With
- canvas-confetti
- google-gemma-3
- motion
- next.js
- ollama
- phosphor-icons
- react
- tailwind-css
- typescript
- web-audio-api
Log in or sign up for Devpost to join the conversation.