# The Vibe Coding Prompt Template

<!-- Steal this file! Fill in the brackets, paste the whole thing into
     your AI assistant, and iterate from there.
     Downloaded from Steal My Vibe Code. -->

## The template

> Build me a **[what it is — e.g. "flashcard study app"]** as a single
> HTML file with no frameworks or build steps.
>
> **Who it's for:** [audience — e.g. "my 7th-grade science students"]
>
> **What it must do:**
> 1. [core feature #1]
> 2. [core feature #2]
> 3. [core feature #3]
>
> **The vibe:** [look & feel — e.g. "playful and bright, big friendly
> buttons, works great on a phone"]
>
> **Content to include:** [paste your actual questions / words / data
> here — real content beats placeholder content every time]
>
> Put everything I might want to edit later (content, colors, settings)
> in a clearly-marked "EDIT ME" section at the top of the script, and
> comment the code like you're teaching a beginner.

## Tips that make a big difference

1. **Paste real content.** Ten real quiz questions get you a better app
   than "add some sample questions."
2. **One change at a time.** "Make the buttons bigger" then "add a
   timer" beats asking for five changes in one message.
3. **Describe what you see.** When something breaks, say exactly what
   happened: "I clicked Start and the timer stayed at 25:00."
4. **Ask for explanations.** "Explain what the shuffle function does
   like I'm new to this" — that's how vibe coding teaches you to code.
5. **Save versions that work.** Before asking for a big change, save a
   copy of the working file. Fearless experimenting comes from having
   a way back.