Habit tracker with useful motivation
Build a habit tracker around reflection and recovery—not streak anxiety or decorative charts.
Build prompt
Copy as-is, then replace the variables
Create a mobile-first habit tracker for [AUDIENCE] who want to [GOAL]. The experience should encourage consistency without punishing missed days. Core experience: - Today view with habits grouped by morning, afternoon, and evening. - One-tap completion with an undo option and subtle, reduced-motion-safe feedback. - Add/edit habit flow: name, icon, frequency, preferred time, reminder, and personal motivation. - Progress view showing weekly completion, a calendar history, and a gentle consistency trend. - Reflection prompt after a missed habit: skip, reschedule, reduce the target, or add a note. - Settings for week start, theme, reduced motion, reminders, and data export. Use realistic sample habits for [AUDIENCE]. Persist changes locally so the prototype behaves like a real product. Include first-use onboarding, an empty state, confirmation before destructive actions, and a recovery path for errors. Visual direction: [VISUAL DIRECTION]. Keep the most common action reachable with one thumb. Use celebration sparingly; do not use shame-based language, broken-streak warnings, or excessive gamification. Validate all completion counts and weekly percentages. Make every interactive control keyboard accessible and clearly labeled.
Expected outcome
A responsive tracker with add/edit flows, persistence, meaningful progress views, and encouraging feedback.
Why it works
- Defines the product philosophy so the generated UX supports the intended behavior.
- Requests persistence and complete states, turning a static demo into a testable prototype.
- Includes data consistency as an explicit acceptance criterion.
[AUDIENCE]Example: remote knowledge workers[GOAL]Example: build sustainable focus and movement routines[VISUAL DIRECTION]Example: soft utility, calm greens, tactile controlsMethod sources
Traceable, not copied blindly
This prompt is an original editorial adaptation. The references below informed its structure and review criteria; their text is not presented as our own.
Awesome GitHub Copilot
GitHub · 38k+ GitHub stars · MIT
Used for prompt structure, explicit inputs, output contracts, guardrails, and validation steps.
Prompt Engineering Interactive Tutorial
Anthropic · 37k+ GitHub stars · Reference only
Used as methodology guidance for clarity, context separation, examples, and multi-step prompting. No tutorial content is reproduced.
v0 Text Prompting Guide
Vercel · Official product documentation · Reference only
Used for the component-first, specific, incremental workflow behind these build prompts.
Keep building
Launch
High-converting SaaS landing page
Turn a product idea into a focused landing page with clear hierarchy, credible proof, and a deliberate conversion path.
Open promptApp
Product analytics dashboard
Generate an information-dense dashboard that still feels calm, legible, and useful on smaller screens.
Open promptPortfolio
Distinctive developer portfolio
Create a portfolio that communicates engineering judgment through case studies rather than skill-logo wallpaper.
Open prompt