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?