Clauding 🕹️
A retro arcade VS Code extension featuring warm Claude terracotta aesthetics, fluid ambient gradients, the iconic GTA Theme Song, and classic mini-games to play while Claude or other AI agents execute long-running coding tasks.
✨ Built-in Games
🦖 Chrome Dino:
- Authentic pixel T-Rex sprite (snout, teeth, curved neck, 2-pixel claw arms, powerful running hind legs, and arching tail).
- Snappy, quick jump: Zero floatiness—pops up briskly and lands snappy onto the ground with authentic heavy gravity.
- Cacti obstacles and flying pterodactyls (duck under high birds with ↓).
🐍 Pixel Snake:
- Dark High-Contrast Arena: Deep retro charcoal arena (
#090706) with subtle terracotta guide-lines.
- Emerald Green Snake: Multi-shaded pixel body (
#16a34a, #15803d, #22c55e) with directional tracking pupils.
- Minecraft-Style Apple: Shaded pixel apple with leaf, stem, specular highlights, and shadow.
- Modern Game Feel: Input buffer queue (no accidental self-bites), 8-particle burst animations, and floating score popups.
🧱 Block Drop (Tetris):
- Classic 10×20 matrix with all 7 tetromino shapes (I, J, L, O, S, T, Z).
- Rotate using the Up arrow (↑) or W.
- Soft drop (↓), Hard drop (Space), ghost landing piece outline, and Next Piece preview box.
🚀 Block Invaders:
- 60 FPS delta-time rocket space defense with destructible asteroids and enemy starfighters.
🎵 GTA San Andreas G-Funk Theme Song
- Built-in Web Audio API synthesizer playing the iconic west-coast G-Funk hip-hop beat:
- Heavy, syncopated synthesizer bassline.
- Classic high G-Funk whistle lead melody.
- Head-nodding kick, snare, and hi-hat rhythm.
- Toggle sound anytime with the header Sound / Muted button.
🎮 Controls
| Game |
Action |
Controls |
| All Games |
Pause / Resume |
Tab or Pause icon button |
| 🦖 Chrome Dino |
Snappy Jump |
W, ↑, or Space |
|
Duck |
S or ↓ |
| 🐍 Pixel Snake |
Steer Snake |
W A S D or Arrow Keys |
| 🧱 Block Drop |
Move Left / Right |
A / D or ← / → |
|
Rotate Piece |
W or ↑ |
|
Soft / Hard Drop |
S or ↓ / Space |
| 🚀 Block Invaders |
Steer Ship |
A / D or ← / → (Auto-fire) |
| Global |
Replay 4s Intro |
Click the Claude star logo in the top-left header |
🚀 Getting Started
Press F5 in VS Code or click the 🎮 Clauding icon on the bottom status bar!
| |