Build it with your AI
Your AI builds a phone-friendly page you can use and share right away. Claude makes it a shareable artifact. Other assistants give you one file to drop on a free host.
Build this app for me from the spec below.
Goal: something I can open and use on my phone right away, and share with a link.
- Make it a single, self-contained web page (one HTML file with its CSS and JavaScript inside). No server, no build step, no sign-up.
- Design it phone-first: large tap targets, readable text, works one-handed. It should still look fine on a computer.
- Save data on the device (localStorage) so it is still there after closing the page.
- If you can show it as a live, shareable page (for example a Claude artifact), do that.
- If you can't host it, give me the complete HTML file and tell me, in two or three short steps, how to put it online free by dragging the file onto Netlify Drop (app.netlify.com/drop) or Tiiny Host (tiiny.host).
Before building, ask me up to 3 quick questions about anything I might want to change for my own use. Then build it and make sure every acceptance check passes.
Spec from https://bresson.ai/bresson/classroom-picker
# Fair Classroom Picker
Call on students at random without repeating anyone until everyone has had a turn.
Tags: school, teaching
## Problem
Random pickers repeat the same students. Teachers want fairness they can show on screen.
## Must-have features
- Paste a class list
- Pick button with a short reveal
- No repeats until the round ends
## Nice-to-have
- Make random groups of N
## User flows
1. Paste 28 names, press Pick, see one name large on screen
## Data
Classes and the current round.
## Look and feel
Very large type, readable from the back of a room.
## Platform
Web · projector
## Acceptance checks
- [ ] Everyone is picked exactly once per round
- [ ] A new round starts automatically after the last name
## Known limitations
—