Feb 25, 2025 · 1h 16m · startup-ideas
VIBE CODING A COOL VIDEO GAME (Grok 3 + Claude 3.7)
gold bands on the timeline = statements, start to end. Hover to read, click to jump. CC turns on captions
Greg Isenberg and Alex Finn demonstrate how to build, backend-integrate, and deploy a viral playable web game in under two hours using Grok 3, Claude 3.7 Sonnet, Cursor, and Supabase. The episode provides both a full-stack vibe coding tutorial and an organic marketing blueprint for converting viral social attention into digital business leads.
How this conversation actually went
Every chapter scored 0–10 on four independent dynamics. Hover any point for the reasoning behind the score. Greg holds 11.1% of the talking time here. How this is scored →
speaking balance: gold is Greg, purple is the guest (3 minute bins)
Alex playfully pushes back against Greg's tease, arguing that despite his background he is not manually writing any code during the demo.
Hardest push from Greg ▶ 1:11:00 Greg reframes the tweet posting strategyGreg intervenes on Alex's distribution plan, pointing out that including an outbound link directly in the primary tweet will trigger algorithmic suppression.
Biggest teaching moment ▶ 1:00:05 Alex diagnoses keyboard event hijackingAlex explains the technical reason the email modal will not accept typing because p5.js is intercepting all keystrokes for game controls.
Greg holds their own ▶ 1:11:00 Greg outlines optimal multi-tweet distributionGreg showcases his growth expertise by instructing Alex to post native video media first and delay adding the external link into the replies.
the scores for every segment, with the reasoning behind each
| Chapter | Topic | Greg as informed peer | Guest teaching | Guest disagreement | Greg pushing back | Why |
|---|---|---|---|---|---|---|
| The Viral Micro-App Growth Strategy | 3 | 5 | 1 | 1 | Alex introduces the core thesis of building viral AI micro-apps as an acquisition channel. Greg validates the premise from his own social media experience. | |
| Sponsor: Startup Empire Membership | 2 | 6 | 1 | 1 | Alex outlines using Grok's deep search and think mode alongside p5.js to generate the game skeleton. Greg asks clarifying questions about why p5.js is chosen. | |
| Setting Up Cursor and Claude 3.7 Sonnet | 3 | 6 | 1 | 2 | Alex imports the code into Cursor using Claude 3.7 Sonnet to fix mechanics and keyboard events. Greg teases Alex after learning he holds a computer science degree despite claiming anyone can do this. | |
| Transforming the Game for Maximum Virality | 6 | 3 | 1 | 1 | Greg provides direct strategic input to prompt the AI around viral mechanics and niche targeting, resulting in a dramatic one-shot visual overhaul. | |
| Implementing Supabase Backend and Email Capture | 4 | 6 | 1 | 1 | Alex sets up a Supabase database to capture high scores and emails, debugging an issue where the game canvas intercepted keyboard input. Greg shares enthusiasm for Supabase. | |
| Deploying the Game on GitHub Pages | 2 | 6 | 1 | 0 | Alex walks through deploying the game live via GitHub Pages so players on X can access it directly. | |
| Crafting the Viral Distribution Strategy on X | 7 | 4 | 1 | 3 | Greg demonstrates strong platform knowledge by explaining how X suppresses algorithmic reach for outbound links, correcting Alex's posting approach to optimize for video first. |