{"id":"vibe-hs-habit-tracker-four-build-steps","audience":"high-school","category":"coding","track":"coding","technique":"format","title":"Break a habit-tracker app idea into 4 small build steps","free":false,"task":"You want to build a habit-tracker app with an AI coding tool, one small step at a time. Write exactly 4 numbered build steps, each as 'Step: what to build | Check: what you should see on screen'. Each step adds one thing to the last one, and the first step must work on its own. Leave out the features you said can wait. Plain text, no code blocks, under 120 words.","materialLabel":"Your app idea notes (attached to your prompt automatically)","material":"App idea: StreakBoard (for me and my friends)\n\nWhat it does:\n- I add a habit (like \"read 20 min\" or \"practice guitar\").\n- Each day I tap a habit to mark it done.\n- It shows my streak (days in a row) for each habit.\n- At the end of the week it shows a little chart of which days I did each habit.\n\nLater, not now:\n- Sharing streaks with friends\n- Reminders / notifications\n- Login so it works on two phones\n\nStuff I know: I've done a little HTML in class. I'll use Replit's AI.\nMy cousin says \"just ask it to build the whole thing at once\". When I tried that last time, it broke and I couldn't tell what went wrong.\n","rules":[{"type":"numberedItems","count":4},{"type":"plainText"},{"type":"maxProseWords","max":120}],"mistakes":[{"title":"Building it all at once","why":"The AI plans one big build, which is what broke last time.","fix":"Add: \"4 small steps, each adding one thing.\"","checks":["r1","numberedItems"]},{"title":"Steps you can't check","why":"The AI says 'set up the data model' with nothing to look at.","fix":"Add: \"Each step has a Check: what I should see on screen.\"","checks":["r0"]},{"title":"Sneaking in later features","why":"The AI adds login and reminders because habit apps usually have them.","fix":"Add: \"No sharing, reminders or login.\"","checks":["r2"]},{"title":"A tutorial with code","why":"The AI writes code samples for each step.","fix":"Add: \"Plain text, no code blocks, just the steps.\"","checks":["plainText","maxProseWords"]}],"promptHints":[{"label":"Asks for small steps","patterns":["\\b(4|four)\\b.{0,10}steps?","small steps","one at a time"]},{"label":"Asks for a check per step","patterns":["check","should see"]},{"label":"Rules out later features","patterns":["no (login|sharing|reminders)","later","leave out"]},{"label":"Sets the order","patterns":["first step","order","builds? on"]},{"label":"Caps the length","patterns":["\\d+\\s*words"]}],"hint":"Small steps with a check after each one make it easy to see where things break. Tell the AI the step shape and what can wait.","rubricLabels":["Each of the 4 steps has the form 'Step: ... | Check: ...' with a Check describing something visible on screen","The steps build up in order: adding a habit first, then marking it done, then the streak count, then the weekly chart","Sharing, reminders/notifications and login do not appear as build steps"]}