內容描述
Get 20% off Mobbin: http://mobbin.com/brendan
Thanks to Mobbin for sponsoring this video!
Full courses + unlimited support:
https://www.skool.com/brendans-ai-launchpad?utm_source=youtube&utm_medium=video&utm_campaign=description&utm_content=FKDR5oLETzc
Free AI Resource Hub & Skool Community:
https://www.skool.com/@brendan?utm_source=youtube&utm_medium=video&utm_campaign=description&utm_content=FKDR5oLETzc
Work with me:
https://www.inflate.agency/?utm_source=youtube&utm_medium=video&utm_campaign=description&utm_content=FKDR5oLETzc
⚠️ 90% OF PEOPLE WATCHING ARE NOT SUBSCRIBED, PLEASE SUBSCRIBE NOW
https://www.youtube.com/channel/UCzIsviqoJc-VcWqF5Pp8iLw?sub_confirmation=1
Sponsorship Inquiries:
brendan@inflate.agency
This video walks you through the full process for designing professional SaaS screens with Claude Code and Claude Design that actually look like a real design team built them.
Learn how to search over 600,000 UI inspirations from real apps, create consistent branding with custom themes, fonts, and logos, and integrate UI component libraries to keep every button and element consistent.
My Links
SUBSCRIBE: https://www.youtube.com/channel/UCzIsviqoJc-VcWqF5Pp8iLw?sub_confirmation=1
LinkedIn: https://www.linkedin.com/in/brendanjowett/
Twitter: https://twitter.com/jowettbrendan
Instagram: https://www.instagram.com/brendan.jowett
TIMESTAMPS
00:00 - What I'm covering
00:55 - Claude's default design
03:19 - Mobbin MCP
06:05 - Claude Code setup
07:08 - Installing the Mobbin MCP
07:51 - Writing the design prompt
10:10 - UI component libraries
12:14 - Sending the prompt / results
12:41 - Branding & component library output
13:40 - Reviewing the five SaaS screens
16:11 - Turning designs into a functional app
17:34 - Live app demo
