How to Vibe Code a Game: The Step-by-Step Guide (2026)

Tested June 2026. Tool versions and prices cited inline, verify before you subscribe.

I shipped a playable 3D game in one night without writing a single line of code, and by the next morning the same AI had broken it so badly I started over.

That gap is the whole story of vibe coding games, and almost nobody tells you about the second half. The tutorials stop at the magic part and skip the prompt-40 wall where your collision detection dies and $20 of credits vanish chasing one bug. This guide gives you both halves: the exact step-by-step process to vibe code a game tonight, the prompts that actually work, and the failure modes I learned the hard way so you ship instead of rage-quitting.

What is vibe coding a game?

Vibe coding a game means describing the game you want in plain English and letting an AI coding agent write the code while you steer, test, and refine through follow-up prompts. Andrej Karpathy coined the term in February 2025.

The longer truth matters for what you are about to do. Karpathy’s original post called it fine for “throwaway weekend projects” and admitted “it’s not really coding.” He was right. Vibe coding works beautifully for browser games built on JavaScript libraries the AI knows cold, Three.js for 3D, Phaser or HTML5 canvas for 2D. It works far worse for multiplayer netcode, save systems, and anything bound for Steam. I will show you exactly where that line sits.

How to vibe code a game, step by step

The single biggest mistake beginners make is typing “build me a complete game” into one prompt. You get a tangled pile of code nobody can fix. Ask for a toy, then grow it. Here is the loop I actually run.

Step 1: Write a one-page design doc first. Do not open Cursor yet. Open ChatGPT, Claude, or Grok, describe your idea, and have it write a short Game Design Document in Markdown: what the player does second to second, the win and lose conditions, the art style, the controls. Save it as game-design-document.md. A good plan is worth ten times its weight in debugging time.

Step 2: Lock the tech stack. Ask your model for the simplest robust stack, not the fanciest. For 3D that is almost always Vite plus Three.js. For 2D it is Phaser or plain HTML5 canvas. Save it as tech-stack.md. Models love to over-engineer, so the word “simplest” is doing real work here.

Step 3: Generate the first playable. Paste your design doc into your agent and ask for the core mechanic only. Your spaceship will be a white box and your enemies will be triangles. That is correct. You want the loop running, not the art. Open it in your browser and play it.

Step 4: Iterate with micro-prompts. One small, testable change at a time. Not “make it fun,” but “make the player jump higher when I hold space.” Force visible state early: a score, a timer, a health bar. Anything you can see is something you can debug. Ask the AI to put tuning values like enemy speed and spawn rate at the top of the file as variables you can tweak.

Step 5: Commit every working build. This is the rule that separates people who ship from people who quit. The moment something works, commit it to Git. When the next prompt breaks three things, you revert in one second instead of crying at 2 a.m. Start a fresh chat for each new feature so you do not bloat the AI’s memory.

Step 6: Debug, then ship. Run a cleanup pass (“list any duplicate code”), a quick security pass, and a performance pass. For a browser game, deploy is one static file on its own domain. That is the entire bar for the Vibe Jam.

A real game is not one prompt. Nicolas Zullo built a multiplayer 3D dogfight game and posted the receipts: “20 hours. 500 prompts. 20 euros.” He used Cursor with Claude for the code and Grok for planning. The “one-shot a game” headline is marketing. The truth is 500 small, smart prompts.

Best vibe coding tools for games

Pick by your skill and your goal, not by what is trending. Prices are mid-2026 and move constantly, so confirm before you pay. I keep a fuller breakdown in my best AI game development tools guide; here is the short version for vibe coding specifically.

Cursor, the workhorse if you want to own the code. An AI-native IDE forked from VS Code, with Agent mode, background agents, and its own Composer model alongside Claude and GPT. Free Hobby tier, Pro at $20/month, Pro+ at $60, Ultra at $200. Best when you want to read the code and catch the AI lying.

Bolt.new, the fastest browser prototype. Runs a full stack in the browser and ships to a public URL with no setup. Free tier around 150K tokens a day, Pro at $20 to $25/month. Type your idea, watch it build and run live. It is a Vibe Jam 2026 sponsor for a reason.

Rosebud AI, the most beginner-friendly. Built specifically to vibe code 2D, 3D, and multiplayer games with no coding experience. You talk to an assistant and get a shareable URL. Founder Lisha Li, now also at a16z, ships Flappy Bird and Pong starter tutorials precisely because the first prompt is a starting point, not a finished game. Best for “I have a Friday night and an idea.”

Replit Agent, generation plus hosting plus database in one tab. Readable HTML5 and JavaScript you can edit, around $20 to $25/month. One caution: in July 2025 Replit’s agent deleted a production database during an explicit code freeze, then lied about it. Never give any agent unsupervised access to something you cannot afford to lose.

GDevelop’s AI Agent, no-code and you keep ownership. A free open-source engine where the agent generates editable visual events instead of opaque code, so you can actually read the logic. Free plan includes 40 AI credits a month; failed requests do not burn credits. Exports to web, mobile, and Steam.

If you like watching an agent drive the browser for you while you supervise, <a href=”https://getgodmode.dev/?ref=ref-33c37945″ rel=”nofollow sponsored”>Godmode</a> steers a build through a browser editor.

Tool comparison

Vibe coding prompts for games that actually work

The prompt is the job now, and most pain comes from sloppy communication, not bad syntax. Every first prompt needs four things: what it is building, what the player does, the specific features, and the aesthetic. Skip the aesthetic and you get default ugly. Skip the features and you get a pretty thing that does nothing.

Copy this first-prompt template:

Goal: [one sentence: what the game is and the feeling]
Player does: [moment-to-moment action]
Win/lose: [explicit conditions]
Must ship: [3-5 concrete mechanics]
Visual refs: [adjectives or named games]
Tech / limits: [e.g. Three.js, no backend, keep it simple]
Do NOT: [what to leave alone]
Done when: [how you'll know it works]

Bad prompt: “Build me a complete platformer with enemies and levels and a shop.” You get noise. Good prompt: “Create the player controller only. WASD movement, jump on space with variable height, gravity, ground check. Plain HTML5 canvas. Do not add enemies yet.” Section by section gives the AI signal. Full-page asks give you spaghetti.

Iteration prompts that keep you out of trouble:

• “Implement the simplest next step I can test.”
• “Change only this file. Do not touch the game loop or physics.”
• “Before writing code, tell me what you think I want.” This catches misreads early.
• When stuck, paste the exact error plus a screenshot. A picture tells the model more than a paragraph.

Cursor rules for game development

A rules file is the biggest lever you have to stop the AI from hallucinating. The current standard is .cursor/rules/*.mdc files. Keep them short and dense. Here is a starter for a Three.js browser game:

- Stack: Vite + Three.js (r160+) + vanilla JS modules. No frameworks.
- No backend, no database, no login. Everything runs client-side.
- One job per file: input.js, physics.js, render.js, game.js.
- One requestAnimationFrame loop in game.js. Never create a second loop.
- Put tunable constants (SPEED, GRAVITY, SPAWN_RATE) at the top of game.js.
- Never delete working files or package.json without asking.
- Before saying "done," confirm the canvas renders with `npm run dev`.
- Implement the simplest version first. Do not add features I did not ask for.
- When I paste an error, fix only that error. Do not refactor unrelated code.

2D, 3D, and multiplayer: how the workflow changes

2D is the easy win. Phaser and HTML5 canvas are everywhere in the AI’s training data, so Pong, Flappy Bird, top-down shooters, and match-3 come out close to working. This is where a true no-coder can finish something tonight.

3D in the browser means Three.js. Every viral vibe-coded game is a Three.js game because the AI knows the library cold and deployment is one file. You can build a flight sim or a kart racer. Expect more iteration than 2D, and ask “which Three.js version do you know?” first, because models have knowledge cutoffs and will reach for old APIs.

Multiplayer is the hard limit AI cannot one-shot. Real-time netcode is the thing current models reliably break at scale. One developer’s AI-built shooter was “unplayable with more than 10 clients” on first deploy. It only scaled after he hand-fixed the bandwidth (the AI synced every bullet’s full position instead of a start point and angle) and the input rate (the AI flooded the server at 3,000 messages a second). The AI gives you the multiplayer skeleton. A human who understands netcode still has to make it ship. If you want multiplayer without that pain, use a tool with a managed backend like Rosebud’s multiplayer template.

Assets and audio for a vibe-coded game

Code is only half the game, and your asset team now costs about $300 a month instead of six salaries. The pattern is the same for every tool: the AI gives you 80% of an asset in 60 seconds and you finish the last 20% by hand.

For 3D models, <a href=”https://www.meshy.ai?via=gamedev” rel=”nofollow sponsored”>Meshy</a> turns a text prompt into a game-ready mesh with auto-rigging and exports straight to Three.js, Unity, and Godot. Tripo is the fastest for quick iteration and feeds directly into Rosebud. I cover the full pipeline in my AI game asset generation guide.

For music, <a href=”https://mubert.com/render/pricing?via=gamedev” rel=”nofollow sponsored”>Mubert</a> generates royalty-free background tracks from a prompt, which beats hunting stock libraries when your prototype needs a vibe in ninety seconds. For voice and sound effects, <a href=”https://try.elevenlabs.io/xlh1l00g4b06″ rel=”nofollow sponsored”>ElevenLabs</a> is the strongest option and its paid plans cover commercial rights. Check the license tier before you ship either one, since commercial use is gated behind paid plans.

Wiring it in is simple. Export 3D as GLB and load it in Three.js with GLTFLoader. Drop PNG sprite sheets straight into Phaser. In Rosebud, upload your files to the Assets tab and reference them by name in your next prompt.

Why vibe-coded games break, and how to fix it

This is the section the tutorials skip, and it is why this guide is worth your time. Vibe coding is excellent at prototypes and falls apart as you scale. The research is brutal and specific.

The 70% problem. Addy Osmani, who leads Chrome developer experience at Google, named it: AI gets you 70% of the way fast, then the final 30% becomes “an exercise in diminishing returns” where each fix breaks something else. The demo you see, the layout and buttons and happy path, is about 20% of a real game’s code. The other 80% is error handling, edge cases, and state, which is exactly what the AI is worst at.

The silent-failure trap. Columbia University’s DAPLab vibe-coded 15-plus apps across five top agents, Cline, Claude, Cursor, Replit, and V0, and found nine repeating failure patterns. Their headline: the most common and serious problems were error handling and business logic, and these are dangerous “because they are often silent, where the code appears to run without errors, but the app doesn’t actually do what the user asked.” Your score does not save, your collision misses on fast objects, no red text anywhere. You only catch these by playing, so playtest after every single feature.

They also found the fix everyone recommends does not fully work: the AI “can disregard the memory; these files just add text, they are not enforced,” and agents “quietly skip steps and forget entire chunks of functionality.” Rules help. They do not save you. You do.

The fixes that actually work:

1. Commit working builds to Git constantly. This is your real undo button.
2. Scope small. Ask for a toy, grow it one mechanic at a time.
3. Tell the AI what NOT to change. Naming the untouchable files up front is easier than fixing unwanted edits after.
4. Read the code that touches game state. Ask the AI to “explain this file simply.” You do not need to write it. You need to smell when it is wrong.
5. Start a fresh chat per feature, because long chats are where the model starts contradicting itself.

If you cross 40 or 50 prompts and keep fighting the same bug, that is the 70% wall, not a you-problem. Revert to your last good commit and re-scope smaller.

Can you sell a vibe-coded game?

Yes, with disclosure and clear eyes on the risks.

Steam has required generative-AI disclosure since January 2024 and rewrote the rules in January 2026. AI dev tools used for “efficiency gains” are now exempt, so AI-assisted code generally does not trigger disclosure, but AI-generated art, audio, and writing that ships to players does. About 7,818 Steam titles disclosed AI use in the first half of 2025 alone, roughly 20% of that year’s releases. Fill the survey out honestly; it is a legal attestation.

itch.io requires disclosure too and tags projects “AI Generated” or “No AI,” and buyers actively filter on that “No AI” tag, so know your audience.

Ownership is the sharp edge. The US Copyright Office has held that purely AI-generated content with no real human authorship cannot be copyrighted. In plain terms: if your game ships fully AI-generated art with no meaningful human input, a competitor may be able to copy those assets legally. Read the commercial-rights terms on the exact plan you pay for, since they vary by tool and change often. I am not a lawyer, and on real money you want one.

The Vibe Jam: the benchmark for vibe-coded games

If you want a deadline that forces you to finish, enter the Vibe Jam. Run by indie maker Pieter Levels, it is the closest thing to an annual public benchmark for AI game coding. The 2025 jam drew over 1,000 submissions and required at least 80% AI-generated code, instant browser play, and no login. The 2026 edition raised the AI-code threshold to 90%, recommended Three.js, ran April to May 2026, and closed with 945 games and over 240,000 players.

On the prize money, be careful which number you trust. The official vibej.am/2026 page lists a $40,000 pool ($25,000 Gold, $10,000 Silver, $5,000 Bronze) with sponsors Cursor, Bolt.new, Glif, and Tripo AI. An older announcement page still shows a stale $35,000 figure, and as of June 2026 the winners had not been announced. Verify the final figures before you quote them anywhere.

The deeper lesson from the jam comes from a16z’s own reality check. Investment partner Robin Guo put it bluntly: people acting like they vibe coded a game in two hours as a total non-coder are running “a charade. You can’t just spin up Cursor, input ‘make flappy birds,’ and one shot a game, at least not yet.” His colleague Josh Lu drew the useful conclusion: “If 80% of a game can be vibe coded then the 20% remaining becomes incredibly important.” That 20%, the polish, the feel, the mechanics nobody else thought of, is your job and your edge.

FAQ

Pick one tiny game idea tonight, open Rosebud or Cursor, and ship a playable toy before you go to bed.