# First prompt

Copy everything inside the box into a new chat, fill in the [square brackets] from your brief, and send it. Delete any line that doesn't apply.

```
I want to build a small web app. I'm new to coding, so keep it simple and
explain anything I need to do myself in plain English.

What it is: [APP NAME], an app that helps [WHO] to [THE ONE JOB]
without [THE ANNOYING PART].

They'll mostly use it on [PHONE / LAPTOP].

Version one only needs to do three things:
1. [THING ONE]
2. [THING TWO]
3. [THING THREE]

When someone opens it for the first time, before they've done anything,
they should see [WHAT THEY SEE FIRST].

Leave these out for now: [WHAT IT'S NOT].

Saving: [NOTHING NEEDS SAVING / SAVE IT IN THE BROWSER WITH localStorage
SO IT'S THERE NEXT TIME].

Look and feel: [THREE WORDS]. Use one main colour, [COLOUR], not a
gradient. No emoji as icons.

Please make it a single HTML file with the CSS and JavaScript inside it,
no frameworks, no accounts, no server. Show me a preview I can try.
After you've built it, tell me in two or three sentences how it works
and what you'd suggest changing first.
```

## Why it's written like this

- **A single HTML file** is the easiest thing to preview, save, and put online later. You can always grow out of it.
- **Three things only** keeps version one small enough to actually finish.
- **The first screen** is the part AI skips most often, and it's the first thing anyone sees.
- **Asking it to explain** means you slowly learn how your own app works without a course.

## After you send it

- [ ] I tried every one of the three things myself.
- [ ] I saved a copy of this version (download the file, or copy the code into a note).
- [ ] I wrote down the first thing I want to change: