Choose how it works
Architecture is how the parts of an app fit together. This one is simple: one web page, with habits saved in your browser. There's no database and nothing to install.
In the Claude app, click + New. Check that your project folder is selected, and set the mode to Plan.
Click Copy, paste into the prompt box and press Enter.
Read everything in docs/. Don't ask me questions and don't write any app code yet.
Save docs/architecture.md: one index.html file using plain HTML, CSS and JavaScript, with no packages to install. Habits are saved in the browser with localStorage.
Save docs/plan.md with two milestones: 1) add, check off and delete habits, 2) days in a row.
Create a short CLAUDE.md that says what this app is, points to the files in docs/, and says to read them before changing anything, follow the design, and keep the code simple.Read the plan Claude shows you. To change it, keep planning and type what you'd change. When it looks right, approve it, and choose Yes when Claude asks to make changes. Claude creates the files.
Click docs/plan.md in the chat to read it. If something's wrong, tell Claude what to change.