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 / therobshocks
Linkedin / 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?
Смотрите видео Clone Any App Design Effortlessly with Cursor AI онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Rob Shocks 17 Январь 2025, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 35,836 раз и оно понравилось 1.3 тысяч людям.