Three complete prompts from the Vibe Code Starter Pack. Copy them, replace the [BRACKETS IN CAPS], and paste them into your AI tool.
How do I use these prompts?
Replace everything in [BRACKETS IN CAPS] with your own details. The more specific you are, the better the result. Paste the prompt into Cursor, Claude Code, ChatGPT, Lovable, Bolt, Replit, or any AI coding assistant.
How do I turn an app idea into a build plan?
1.1 Idea to Build Plan
Use this when you have an idea but don't know where to start or which tools to use. It's for turning a rough idea into a clear, step-by-step build plan with a recommended tech stack.
Fill in: [APP IDEA], [TARGET USER], [PROBLEM IT SOLVES], [SKILL LEVEL], [AI TOOL] (e.g. Cursor / Claude / ChatGPT), [WEB APP / MOBILE / DESKTOP / "NOT SURE"], [BUDGET FOR HOSTING AND SERVICES] (e.g. "free only" / "up to $10/month"), [TECH STACK].
I want to build an app. Act as a senior developer and a patient mentor helping me plan it.
My app idea: [APP IDEA]
Who it's for: [TARGET USER]
The main problem it solves: [PROBLEM IT SOLVES]
My coding experience: [SKILL LEVEL]
The AI tool I'm building with: [AI TOOL]
Where I want it to run: [WEB APP / MOBILE / DESKTOP / "NOT SURE"]
Budget for hosting and services: [BUDGET FOR HOSTING AND SERVICES]
Please give me:
1. A one-paragraph summary of the app in plain English.
2. The MVP (minimum viable product): the smallest version worth building, with a list of 3-6 must-have features. Put "nice to have later" features in a separate list.
3. A recommended tech stack that's beginner-friendly and free or cheap to start. Explain each choice in one sentence. If [TECH STACK] is filled in, use it unless there's a strong reason not to: [TECH STACK]
4. The main screens or pages, with one line describing each.
5. The data the app needs to store (e.g. users, posts, scores), described simply.
6. A numbered build order of small steps, where each step ends in something I can see working.
7. The 3 biggest risks or tricky parts for a beginner, and how to handle each one.
Keep the language simple and don't write any code yet. At the end, ask me up to 3 questions that would most improve the plan.
Tips to customize: Add "I want to launch in [TIMEFRAME]" to get a plan scoped to your deadline. If you're building a game, mention the genre and the feel you want.
How do I fix an error message with AI?
5.1 Fix This Error
Use this when you see a red error in your terminal, browser console, or on screen. It's for diagnosing and fixing an error message, and learning what caused it.
Fill in: [SKILL LEVEL], [TECH STACK], [ACTION] (e.g. "run npm run dev" / "click the save button"), [ERROR MESSAGE], [TERMINAL / BROWSER CONSOLE / ON THE PAGE / DEPLOY LOGS], [RECENT CHANGES, OR "NOT SURE"], [PASTE CODE OR TAG FILES] (e.g. FILE NAME and line number from the error).
I'm getting an error and need help fixing it. Please explain things simply, because I'm a [SKILL LEVEL].
Tech stack: [TECH STACK]
What I was trying to do: [ACTION]
The full error message (copied exactly):
[ERROR MESSAGE]
Where it appears: [TERMINAL / BROWSER CONSOLE / ON THE PAGE / DEPLOY LOGS]
What I changed right before it started: [RECENT CHANGES, OR "NOT SURE"]
Relevant code:
[PASTE CODE OR TAG FILES]
Please:
1. Explain what this error means in plain English (1-3 sentences).
2. Tell me the most likely cause in MY code, pointing to the exact file and line.
3. Give me the fix, showing just the code that changes, with before/after.
4. If you're not sure, list the top 3 possible causes and how to check each one, instead of guessing.
5. Tell me how to confirm it's fixed.
6. Give me one tip to avoid this kind of error in the future.
Don't rewrite unrelated parts of my code.
Tips to customize: If the first fix doesn't work, reply with "That didn't work. Here's the new error/behavior: [NEW ERROR]. What else could it be?" Don't just say "still broken".
How do I make a browser game with AI?
9.1 Build a Complete Simple Game
Use this when you have a game idea and want something playable quickly. It's for creating a full, playable browser game from a concept, with a start screen, gameplay, scoring, and game over.
Fill in: [SKILL LEVEL], [GAME IDEA] (e.g. "a space shooter where you dodge asteroids and collect stars"), [GENRE / INSPIRATION] (e.g. "like Flappy Bird" / "endless runner" / "match-3" / "top-down arena"), [TECH] (e.g. "plain HTML5 Canvas + JavaScript in one file" / "Phaser 3" / "Kaboom.js" / "recommend the simplest"), [CONTROLS] (e.g. "arrow keys + space", "mouse click", "touch for mobile"), [ART STYLE] (e.g. "simple colored shapes for now" / "neon glow" / "pixel art").
Build a complete, playable browser game. I'm a [SKILL LEVEL], so keep the code organized and well commented.
Game concept: [GAME IDEA]
Genre / inspiration: [GENRE / INSPIRATION]
Tech: [TECH]
Controls: [CONTROLS]
Art style: [ART STYLE]
The game must include:
1. A start screen with the title, a "Play" button, and the controls explained.
2. The core gameplay loop running smoothly at 60fps, using requestAnimationFrame and delta time so the speed is the same on every computer.
3. A player, obstacles/enemies, collectibles, and collision detection.
4. A score and a high score that's saved between visits (localStorage).
5. Difficulty that slowly increases over time.
6. A game over screen with the score and a "Play again" button.
7. A pause option (P key or button).
Put all the tweakable numbers (speed, spawn rate, gravity, etc.) in one CONFIG object at the top, so I can tune the game feel easily. Tell me exactly how to run it.
Tips to customize: Start with shapes, and once the game is fun, use Prompt 9.3 to add juice and art. Fun first, pretty later!
Want the other 30?
The full pack covers UI, login, databases, deploying, polish, AI agents, and more.
Works best with
Cursor or Claude Code: the build prompts change several files and run setup commands, which these agents can do in your project.
Lovable, Bolt, or v0: good for the screen and landing page prompts, since they turn a description into a working app.
ChatGPT or Claude: handy for planning prompts and pasted errors.
