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/focus-timer
# Study Focus Timer
A focus timer that tracks how long you spend on each subject or project.
Tags: study, work, productivity
## Problem
Plain timers forget what you worked on, so there is no way to see where the week's time went.
## Must-have features
- Pick a subject and start a 25-minute session
- Break timer between sessions
- Weekly totals per subject
## Nice-to-have
- Custom session lengths
- A gentle sound at the end of a session
## User flows
1. Choose "Chemistry", press Start
2. At the end of the week see Chemistry 6h, Essay 3h
## Data
Subjects and sessions (subject, start, length, completed).
## Look and feel
One large countdown, subject color as the background tint.
## Platform
Web
## Acceptance checks
- [ ] A session stopped early saves only the time actually spent
- [ ] Weekly totals reset on Monday
## Known limitations
Timer pauses if the browser tab is closed.