Clone Any App Design Effortlessly with Cursor AI
Learn how to setup AI development tool Cursor AI to prototype out your app or website along side Claude 3.5 Sonnet. I'll show you where to get inspiration from, how to copy designs as a starting point and lots of other tips that will apply to similar tools like Windsurf AI, Cline, Github CoPilot and V0 from Vercel. If you want to learn AI design and development this is the tutorial for you. COURSE & COMMUNITY If you want to learn how to build apps with AI checkout my course and community at SwitchDimension.com http://switchdimension.com currently in Waitlist LINKS Cursor Directory http://cursor.directory MORE AI DEVELOPMENT CONTENT X (Twitter) https://x.com/robshocks Intagram http://instagram.com/therobshocks Linkedin https://www.linkedin.com/in/robertoshaughnessy/ TALK TO YOUR APPS - On a mac use the dication settings double hit FN key - On Windows voice mode use the Windows key with H WORK WITH ME Brand Sponsorships, Events, Coaching - info@switchdimension.com CHAPTERS - Advanced Users Skip to Chapters Marked With ⚡ 00:00 Intro 01:13 Build with AI Course Waitlist 01:35 Design Preparation 03:26 Mockup First 04:26 Relume Wireframe Generator 05:52 Pinterest and Dribbble 08:53 Design Mode Project Setup ⚡ 10:00 Install Nextjs 11:40 Install Shadcn 12:30 Design Mode Cursor ⚡ 15:43 Design Mode Notepad ⚡ 17:28 Composer Intro l9:10 Copying Designs ⚡ 21:30 Context Window 22:21 Commit Alot! 24:32 Shadcn Gotcha ⚡ 26:05 Running Nextjs 27:53 Copied Design⚡ 29:37 the V0 Option 31:53 App Landing page 33:42 21st Dev and Copying Components ⚡ 37:33 Final Design ⚡ 37:55 Candid Note 38:30 How can I help?
