Back to Blog

We vibe coded 10 classic arcade games with Claude Code

Alex Kim
5 min read
We vibe coded 10 classic arcade games with Claude Code

We vibe coded 10 classic games with Claude Code. They're live, they're free, and you can play them right now.

Play WotAI Games →

Why we built this

At WotAI, we build AI-powered tools for content and automation. We spend most of our time in Claude Code building production software – Echo for brand-first content, Flow for n8n workflow generation.

But sometimes you want to build something just because it's fun.

The vibe coding movement caught our attention. People on Reddit and Twitter were building surprisingly complete games by just describing what they wanted to an AI. We wanted to see how far we could push it with Claude Code specifically – not as a toy demo, but as polished, playable browser games with leaderboards.

So we rebuilt 10 arcade classics. From scratch. No game engine. No boilerplate. Just Claude Code and Next.js.

The games

All 10 are live at games.wotai.co:

GameWhat it is
Pac-ManNavigate the maze, eat dots, avoid ghosts
TetrisStack blocks, clear lines, chase the high score
Space InvadersDefend Earth from waves of descending aliens
SnakeThe classic – eat, grow, don't hit yourself
Flappy BirdTap to flap, dodge pipes, try not to rage
BreakoutBounce the ball, smash bricks
AsteroidsVector-style space shooter
FroggerDodge traffic, ride logs, reach safety
Doodle JumpBounce between platforms, reach new heights
SudokuLogic puzzle with three difficulty levels

Every game runs in the browser. No downloads, no signups, no ads. Just open the page and play.

How vibe coding actually works

If you haven't tried vibe coding yet, here's the short version: you describe what you want to build in plain English, and an AI coding assistant generates the code.

It sounds too simple. And honestly, for anything complex, it is – you still need to guide the AI, debug edge cases, and make architectural decisions. But for a well-defined project like "build Pac-Man as a browser game," it's remarkably effective.

Here's what a typical session looked like:

  1. Describe the game – "Build a Pac-Man clone using Next.js and HTML Canvas. Include ghost AI, dot collection, power pellets, and score tracking."
  2. Claude Code scaffolds the project – Game loop, rendering, collision detection, entity management. The basics come together fast.
  3. Iterate on details – "The ghost AI is too easy. Make them use A* pathfinding when chasing Pac-Man." or "Add a subtle glow effect to the power pellets."
  4. Polish – Leaderboard integration, responsive sizing, keyboard and touch controls.

The first 80% of each game came together fast. The last 20% – the polish that makes a game feel good to play – still required real iteration and taste. AI generates code, but game feel is still a human judgment call.

What surprised us

Canvas games are a sweet spot for vibe coding. HTML Canvas has a simple, well-documented API. Claude Code knows it well. Unlike complex UI frameworks where AI can generate broken abstractions, canvas games are mostly straightforward: draw things, move things, check collisions.

Ghost AI was the hardest part. Pac-Man's ghosts each have distinct personalities (Blinky chases directly, Pinky ambushes, Inky flanks, Clyde wanders). Getting those behaviors right took the most back-and-forth with Claude Code. Generic "chase the player" was easy – four distinct AI patterns required careful prompting.

Tetris rotation was surprisingly tricky. The SRS (Super Rotation System) that modern Tetris uses has wall kicks and specific rotation states. Claude Code nailed the basic rotation but needed guidance on wall kicks near board edges.

Touch controls matter. Most vibe coding demos are desktop-only. We made sure every game works on mobile with swipe and tap controls. This took as much iteration as the games themselves.

The tech stack

  • Framework: Next.js (App Router)
  • Rendering: HTML Canvas
  • AI assistant: Claude Code
  • Hosting: Vercel
  • Leaderboards: Built-in, competitive

No game engine (Unity, Phaser, Godot). No WebGL. No complex build pipelines. Just a web framework and a canvas element.

That's the appeal of vibe coding for games – you skip the heavyweight tooling and get something playable fast. Is it production-grade AAA? No. Is it fun, polished, and shareable? Absolutely.

What this means for builders

Vibe coding isn't replacing game developers. But it is dramatically lowering the barrier to building interactive web experiences.

If you're a developer curious about Claude Code, building a game is one of the best ways to learn. The feedback loop is immediate – you describe a change, run the code, and see the result in your browser. No API integrations, no database migrations, no deployment pipelines. Just code and canvas.

If you're a non-developer who's always wanted to build a game, vibe coding makes that possible for the first time. Start with something simple – Snake or Breakout – and iterate from there.

Try them out

All 10 games are free at games.wotai.co. No account needed. Pick a game, set a high score, and see what vibe coding can build.

And if you're curious about what else we're building with AI:

  • WotAI Flow – Generate validated n8n workflow JSON in minutes
  • WotAI Echo – Brand-first content that actually sounds like you

We build tools for people who ship. Sometimes those tools are serious. Sometimes they're Pac-Man.

#vibe-coding#claude-code#browser-games#side-project
Start free, no credit card required

Ready to start?

Flow: free forever plan. No credit card required. Build your automation workflows from day one.

No credit card required. Start free. Upgrade anytime.