🚽 Skibidi-fication 3000: The Attention Span Prosthetic

"We fixed education by ruining it."

🧠 Inspiration

Let's be real: our attention spans are cooked.

We tried to study for finals, but we realized that if a PDF doesn't have Subway Surfers gameplay underneath it, our brains physically reject the information. The modern student cannot consume content unless it is strictly optimized for a 4-second attention span.

So we asked: "What if we forced university lectures to compete with TikTok on their own terms?"

Thus, Skibidi-fication 3000 was born. It is an Attention Span Prosthetic designed to bully the iPad Kid generation into learning.

📺 What it does

Skibidi-fication 3000 is a "Brainrot Education" platform with a Clockwork Orange-style enforcement system.

1. The Lobotomy Engine ⚙️

You upload a boring PDF (lecture notes, textbooks). Our backend:

Extracts the text.
Translates it into high-octane "Gen-Z Slang" using AI (e.g., converting "Newton's First Law" into "The Infinite Momentum Glitch").
Synthesizes a hype-man voiceover.
Fuses it with procedurally generated Minecraft Parkour & Subway Surfers gameplay.

2. The "Lock In" Enforcer 👁️🚨

This is where we get evil. Using face-api.js and your webcam:

Look at screen: The video plays. Knowledge is absorbed. ✅
Look away: The video PAUSES. The screen flashes RED. A VINE BOOM alarm blasts. 🤬

3. The Triple Dopamine Waiting Room 🔥

Rendering video takes time. To prevent users from getting bored while waiting, we developed a Triple TikTok Launcher that opens 3 perfectly aligned browser windows side-by-side playing different brainrot feeds simultaneously.

🛠️ How we built it

We "Vibecoded" this using a Monolith Architecture for maximum speed and chaos.

The Brain (Backend - Python/FastAPI)

FastAPI: Orchestrates the entire pipeline and serves the frontend.
PyPDF2: Rips text from boring academic documents.
OpenAI: The "Translator" — prompt-engineered to rewrite academic English into "Rot Speak".
ElevenLabs: Generates the "Adam" narrator voice.
MoviePy: The heavy lifter. It composes the audio, subtitles, and background gameplay into a single .mp4.

The Eyes (Frontend - React/JS)

Single-File React SPA: We built the entire frontend in one massive HTML file (vibecoding style) served via CDN.
face-api.js: Runs the TinyFaceDetector and FaceLandmark68Net entirely in the browser (client-side) to calculate eye-gaze direction every 300ms.
Window Management API: Dynamically calculates window.screen.availWidth to tile the TikTok popups perfectly.

🚧 Challenges we ran into

The "Lock In" Threshold

Calibrating the eye-tracker was hard. If it was too sensitive (<10px variance), it triggered when we blinked. If it was too loose, users could cheat. We tuned the algorithm to a strict 15px horizontal variance from the nose bridge.

Browser Sandboxing

Browsers hate opening multiple windows. We had to implement a specific user-triggered event flow to bypass popup blockers for the Triple TikTok Feature.

Async Video Generation

Generating video is slow. We had to build a robust polling system to check job status without freezing the UI, providing real-time ETA updates.

🏆 Accomplishments that we're proud of

Real-Time Punishment

The system actually works. It feels genuinely terrifying to have a website scream at you the second you check your phone.

The "Triple TikTok" Feature

It started as a joke, but implementing the window coordinate math to center three windows perfectly on any monitor resolution was a surprising technical flex.

The Meme Engine

We successfully integrated a pool of 12 random memes (cats, dogs, side-eye) that cycle on screen to mock you when you lose focus.

💡 What we learned

Computer Vision is Heavy

Loading face-api models in the browser is resource-intensive. We optimized the model loading sequence to prevent the tab from crashing on lower-end devices.

Prompt Engineering is an Art

Teaching an LLM to use slang like "Fanum Tax" correctly without sounding like a cringe dad required extensive fine-tuning.

User Retention

Fear is a great motivator.

🚀 What's next for Skibidi-fication 3000

Mobile App: So you can rot on the bus.
Multiplayer Mode: Who can stay "Locked In" the longest? (Competitive attention spans).
More Backgrounds: Adding Family Guy Funny Moments and Hydraulic Press videos to the rotation.

**Built with 💜, ☕, and 0 hours of sleep at Hack&Roll 2026**