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 - [email protected]

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?