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/subscription-audit
# Subscription Audit
List every subscription, see the yearly total and flag the ones you no longer use.
Tags: money, home
## Problem
Small monthly charges add up and are easy to forget.
## Must-have features
- Add a subscription with price and billing cycle
- Monthly and yearly totals
- "Last used" date with a flag after 30 days unused
## Nice-to-have
- Upcoming renewals for the next 30 days
## User flows
1. Add 8 subscriptions
2. See the yearly total and 2 flagged as unused
## Data
Subscriptions (name, price, cycle, renewal date, last used).
## Look and feel
Table on a computer, cards on a phone. Flagged items stand out.
## Platform
Web
## Acceptance checks
- [ ] Yearly total equals monthly items times 12 plus yearly items
- [ ] Changing a cycle from monthly to yearly updates both totals
## Known limitations
No bank connection.