Building a Habit Tracker in Cursor from PRD to Working App using Refero MCP!

Get 50% OFF on Cursor Plans: https://cursor.com/referral?code=YB4D... Live Build (Mobile): https://habit-tracker-demo-app.vercel... Checkout Refero: https://refero.design Portfolio: https://www.takeover-labs.com Most people open Cursor and just start prompting. The result? Generic gradients, blue-purple themes, and an app that screams AI-generated. Designers can avoid this entirely. Here's the full workflow I use: PRD first, Refero MCP for real design references, and a build order that keeps Cursor focused. In this video I build a Habit Tracker app from scratch inside Cursor using React and Vite. No backend needed. We go from a blank folder to a working app with daily check-ins, streak tracking, a GitHub-style heatmap, and a multi-screen layout with bottom navigation. What you'll learn: → Why the PRD step saves you tokens and prevents messy rebuilds → How to connect Refero MCP to Cursor (step by step) → How Cursor pulls real design references automatically before building → The planning workflow that keeps AI on track → How to iterate on UI without starting over 0:00 - Intro 1:12 - Why AI-built apps always look generic 2:10 - What is Refero MCP 4:06 - What we're building today 5:39 - Writing the PRD (and why it matters) 9:43 - Connecting Refero MCP to Cursor 13:53 - Pulling real design references 16:31 - Building the app 19:53 - Live demo 20:36 - Adding more screens + final walkthrough Tools used: Cursor, Claude (Opus 4.8 for PRD), Refero MCP, React + Vite,