Claude + Mobbin is a Design CHEAT CODE
31.1K views · 2026-07-16
UI DesignInteraction & UX
▎LINKS & RESOURCES
Using some of the links below, I may receive a small commission at no extra cost to you. This is the easiest way to support me and helps me continue making content like this for you. Appreciate you!
Set up the Mobbin MCP: https://mobbin.com/?via=taeonlinehd
Launch your portfolio in days, not months:
Explore my Framer template Lofi: https://lofi-folio.framer.website/
Get started with Framer: https://framer.link/devantaebison
▎VIDEO OVERVIEW
Claude can generate a UI in seconds, but it can't do design research. It doesn't know how the best apps already solved the exact screen you're building, so you end up with something generic instead of something informed.
Mobbin's new MCP fixes that. It connects Claude to one of the largest libraries of real shipped apps and websites, so real UI screens, onboarding flows, and landing page references get pulled straight into your chat while you work.
In this video I'll show you how to set up the Mobbin MCP in Claude step by step (it takes about a minute), then walk through the two workflows I've been using it for every day: using it for design research and app inspiration before I design a single screen, and then using it to critique a real landing page I designed against the best marketing pages on Mobbin.
If you use Claude or Claude Design for UI design, app design, or web design, this is the missing research layer. Same design workflow, without the tedious part.
▎CHAPTERS
0:00: Intro
0:22: Setting up the Mobbin MCP
0:57 Workflow 1: First app
2:38: Workflow 2: Referencing other apps
4:17: Workflow 2: Roasting my own store
6:55: Recap
Using some of the links below, I may receive a small commission at no extra cost to you. This is the easiest way to support me and helps me continue making content like this for you. Appreciate you!
Set up the Mobbin MCP: https://mobbin.com/?via=taeonlinehd
Launch your portfolio in days, not months:
Explore my Framer template Lofi: https://lofi-folio.framer.website/
Get started with Framer: https://framer.link/devantaebison
▎VIDEO OVERVIEW
Claude can generate a UI in seconds, but it can't do design research. It doesn't know how the best apps already solved the exact screen you're building, so you end up with something generic instead of something informed.
Mobbin's new MCP fixes that. It connects Claude to one of the largest libraries of real shipped apps and websites, so real UI screens, onboarding flows, and landing page references get pulled straight into your chat while you work.
In this video I'll show you how to set up the Mobbin MCP in Claude step by step (it takes about a minute), then walk through the two workflows I've been using it for every day: using it for design research and app inspiration before I design a single screen, and then using it to critique a real landing page I designed against the best marketing pages on Mobbin.
If you use Claude or Claude Design for UI design, app design, or web design, this is the missing research layer. Same design workflow, without the tedious part.
▎CHAPTERS
0:00: Intro
0:22: Setting up the Mobbin MCP
0:57 Workflow 1: First app
2:38: Workflow 2: Referencing other apps
4:17: Workflow 2: Roasting my own store
6:55: Recap