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/habit-tracker
# Plain Habit Tracker
Track only the few habits you care about, with a streak and a calendar view.
Tags: habits, health, daily
## Problem
Habit apps push premium features and ads. Many people want three checkboxes a day and a streak.
## Must-have features
- Add habits and their days of the week
- Check off today
- Current and best streak
- A month calendar per habit
## Nice-to-have
- A short note on hard days
## User flows
1. Add "Stretch, every day"
2. Tick it off each evening and see the streak grow
## Data
Habits (name, schedule) and check-ins by date. Stored on the device.
## Look and feel
Minimal list with a ring per habit. No badges or confetti.
## Platform
Web
## Acceptance checks
- [ ] Missing a scheduled day resets the current streak
- [ ] Unscheduled days do not break a streak
## Known limitations
No reminders in a browser-only build.