Grocery List
Add items, tick them off as you shop, and find the list again next time.
V2 · 0:11 demoPlay
Full screenV2 · 10 KB · one HTML file
Prompt
A grocery list where I add items1 What it does, tick them off when I buy them4 What must happen, and the list is saved in this browser for next time4 What must happen.Exactly as it was typed.
- What it doesWhat it is, and the first thing you do.
- Who it’s forThis prompt leaves “who it’s for” to the AI.
- How it should feelThis prompt leaves “how it should feel” to the AI.
- What must happenWhat happens while you shop. Where the list is kept.
What this teaches
Say what you do with each item and where the list lives, and the app keeps it.
- "add items, tick them off when I buy them" names the two things you do.
- "saved in this browser for next time" asks for a list that is still there tomorrow.
- The change adds one button and one count, each in a few words.
Changes
Add a button that clears everything I've ticked at once, and tell me how many items are left.Change request · V1 → V2
What changed
- A Clear bought button removes every ticked item at once.
- A line says how many items are left to buy.
What stayed: Adding, ticking and saving the list work as before.
Try a change
Each one starts your own draft in the Studio. Nothing is built until you press Build.
How it was made
- V1 Built on Oct 14, 2026 · Direct · Verified on the first try · 50 s · Tested on desktop and phone · 1 AI Credit
- V2 Changed on Oct 14, 2026 · Verified on the first try · 37 s · Tested on desktop and phone · one change, no AI Credits
Known limitations
- The list is kept in this browser only; another browser or phone starts empty.
- Ticking an item with the keyboard moves focus off it, so you have to find it again to untick it.