Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Imagine your AI doing design research before generating UI. Studying real screens and user flows instead of guessing That’s Refero MCP

Mike Bespalov

13,157 subscribers

151,714 views • 5 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

UI/UX Designers and Developers, you need to see this. If you’re doing UI implementation for iOS apps, you absolutely need this. Mobbin lets you explore 621,500+ screens from real apps and see exactly how: ・User flows progress ・Screens transition ・UI details are designed ・Animations work It’s basically a massive visual library for researching how real apps handle UI before you start implementing. If you’re going to research UI before building, this is a must-have. Bookmark it for later 💜

UI/UX Designers and Developers, you need to see this. If you’re doing UI implementation for iOS apps, you absolutely need this. Mobbin lets you explore 621,500+ screens from real apps and see exactly how: ・User flows progress ・Screens transition ・UI details are designed ・Animations work It’s basically a massive visual library for researching how real apps handle UI before you start implementing. If you’re going to research UI before building, this is a must-have. Bookmark it for later 💜

Abraham John 🦄🦓

19,309 views • 8 days ago

What if AI could design with taste - powered by the best real-world design resources on demand? We’ve embedded a design search engine directly into the SuperDesign.Dev agent, partnering w/ Mobbin It contextually pulls relevant user flows, UI patterns, and vertical-specific mocks from curated sources like Mobbin, Dribbble, Behance, and more. Better input → better output. No generic AI gradients. Just real, proven design patterns - instantly remixable.

What if AI could design with taste - powered by the best real-world design resources on demand? We’ve embedded a design search engine directly into the SuperDesign.Dev agent, partnering w/ Mobbin It contextually pulls relevant user flows, UI patterns, and vertical-specific mocks from curated sources like Mobbin, Dribbble, Behance, and more. Better input → better output. No generic AI gradients. Just real, proven design patterns - instantly remixable.

Jason Zhou

21,743 views • 6 months ago

Mobbin MCP is here. Think of it as giving your AI a library card to 600k+ screens & 300k+ flows. Paywalls, onboarding, checkout, permissions — from apps that already shipped. Works with Claude, ChatGPT, Cursor, and more. Available on all paid plans:

Mobbin MCP is here. Think of it as giving your AI a library card to 600k+ screens & 300k+ flows. Paywalls, onboarding, checkout, permissions — from apps that already shipped. Works with Claude, ChatGPT, Cursor, and more. Available on all paid plans:

Mobbin

22,380 views • 2 months ago

HE TURNED A $9,000 UI HANDOFF INTO A 3D SAAS INTERFACE IN 30 MINUTES this guy didn’t build another flat dashboard, he built a living 3d workspace with Claude Code reading the structure, logic and components instead of guessing from screenshots Moonchild makes the design system first: tokens, spacing, cards, charts, navigation, typography, then Claude turns it into a working React app through MCP 2 tools, 1 design system, 8+ screens and a second Claude checking drift while most founders still pay agencies to align buttons by hand save the full breakdown before your next SaaS looks like 6 templates fighting for custody of the same logo ↓

Gipp 🦅

11,041 views • 2 months ago

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Om Patel

401,101 views • 4 months ago

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇

divyansh tiwari

78,201 views • 2 months ago

Imagine if you wanted to scroll AI papers, instead of reels! Introducing PaperGram - your daily scrolling platform but for AI research papers :D (link in replies)

Imagine if you wanted to scroll AI papers, instead of reels! Introducing PaperGram - your daily scrolling platform but for AI research papers :D (link in replies)

neural nets.

178,552 views • 1 year ago

Storyboarding v0 is here 🥳 Our new Storyboard view allows you to visualize the design and navigation of your entire application! By mapping out the screens and user interactions, you can ensure that your app's navigation is intuitive and user-friendly. 🖼

Storyboarding v0 is here 🥳 Our new Storyboard view allows you to visualize the design and navigation of your entire application! By mapping out the screens and user interactions, you can ensure that your app's navigation is intuitive and user-friendly. 🖼

FlutterFlow

15,733 views • 3 years ago

Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: #ChakraLaunchWeek

Kicking off Day 1 of the launch week with the Chakra UI MCP Server 🖲️ Now, you can connect the entire Chakra UI design system to your AI workflow. Works with: - VS Code (GitHub Copilot) - Cursor - Claude Code - Windsurf - Zed Check it out: #ChakraLaunchWeek

Chakra

19,897 views • 1 year ago

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

30,370 views • 6 months ago

Introducing primeui. Build sites fast. Fear no code. Available today • 200+ handcrafted marketing UI components and templates • Sitemap planner • Prototype + experiment on an infinite canvas • Clean export to Next.js, Tailwind + shadcn/ui compatible • Not just landing pages: build Blog, Docs, Pricing, and more Coming soon • MCP • Skills • AI Designer We started Prime UI because we believe site builders that do not output real code end up slowing you down. So instead of building another “app builder,” we focused on marketing sites, the work we know best after 10+ years of designing and building high-end websites at Pixel Point. Human expertise combined with AI scalability is what we believe in. Prime UI isn’t here (yet) to fully replace your stack, but it is already capable of saving you hundreds of hours in prototyping and the early phases of your next site project. What’s next: MCP: continuously add new pages to your site from Prime UI, aligned with your project setup and style. Skills: an AI-agent-friendly concentrate of our years of website design and development expertise. It is time to ditch old habits. Fear no code and build sites fast, ready for the AI era.

Introducing primeui. Build sites fast. Fear no code. Available today • 200+ handcrafted marketing UI components and templates • Sitemap planner • Prototype + experiment on an infinite canvas • Clean export to Next.js, Tailwind + shadcn/ui compatible • Not just landing pages: build Blog, Docs, Pricing, and more Coming soon • MCP • Skills • AI Designer We started Prime UI because we believe site builders that do not output real code end up slowing you down. So instead of building another “app builder,” we focused on marketing sites, the work we know best after 10+ years of designing and building high-end websites at Pixel Point. Human expertise combined with AI scalability is what we believe in. Prime UI isn’t here (yet) to fully replace your stack, but it is already capable of saving you hundreds of hours in prototyping and the early phases of your next site project. What’s next: MCP: continuously add new pages to your site from Prime UI, aligned with your project setup and style. Skills: an AI-agent-friendly concentrate of our years of website design and development expertise. It is time to ditch old habits. Fear no code and build sites fast, ready for the AI era.

Alex Barashkov

72,100 views • 6 months ago

18-minute breakdown of Claude + Higgsfield MCP. Here's what the video walks through. 1. Research across TT, IG, YT 2. Production calendar by the agent 3. UGC, motion design, carousels 4. Approval gate before spend 5. Integrate Meta Ads MCP Marketing agency in your laptop.

18-minute breakdown of Claude + Higgsfield MCP. Here's what the video walks through. 1. Research across TT, IG, YT 2. Production calendar by the agent 3. UGC, motion design, carousels 4. Approval gate before spend 5. Integrate Meta Ads MCP Marketing agency in your laptop.

Higgsfield AI 🧩

214,273 views • 3 months ago

Today, we're introducing Imagine MCP 👾 It elimenates the gap between ideation and execution. Living inside the AI agent of your choice, whether that's Claude, Cursor, or Hermes, Imagine MCP puts some of ImagineArt's most powerful creative features at your fingertips. We wish you happy, frictionless scaling. 📥 Comment "MCP" to get the link!

Today, we're introducing Imagine MCP 👾 It elimenates the gap between ideation and execution. Living inside the AI agent of your choice, whether that's Claude, Cursor, or Hermes, Imagine MCP puts some of ImagineArt's most powerful creative features at your fingertips. We wish you happy, frictionless scaling. 📥 Comment "MCP" to get the link!

ImagineArt

1,159,098 views • 2 months ago

🔧 Let your coding agent identify and fix INP issues for you → With Chrome DevTools MCP, your coding agent can measure performance for specific user interactions to find and resolve slow UI responses - on its own with the help of the browser!

🔧 Let your coding agent identify and fix INP issues for you → With Chrome DevTools MCP, your coding agent can measure performance for specific user interactions to find and resolve slow UI responses - on its own with the help of the browser!

Chrome for Developers

16,705 views • 9 months ago

Imagine sending your kids to school and they end up doing this in class instead of learning 💔

Imagine sending your kids to school and they end up doing this in class instead of learning 💔

Boy aløne 💜✨

35,002 views • 3 months ago

Excited to share another conversation with one of my favorite humans (and coworkers vic We chat ai product design, user research, & life at replit - you won't want to miss this one!

Excited to share another conversation with one of my favorite humans (and coworkers vic We chat ai product design, user research, & life at replit - you won't want to miss this one!

matt palmer

26,197 views • 8 months ago

Comment “MCP” and I’ll DM you the servers I use every day Browser MCP tests apps for you, Magic MCP builds UI in seconds, and GitMCP links your AI to any repo. These are only 3 of the seven MCPs I use. Once you try them, you’ll never want to build with AI without them.

Comment “MCP” and I’ll DM you the servers I use every day Browser MCP tests apps for you, Magic MCP builds UI in seconds, and GitMCP links your AI to any repo. These are only 3 of the seven MCPs I use. Once you try them, you’ll never want to build with AI without them.

Prajwal Tomar

19,101 views • 11 months ago

AI instead of UI The last few years radically changed how we think about digital products & product design process in general. What we are witnessing right now is a transition where AI is no longer just a feature; it is becoming the infrastructure of interaction. For decades, UI design was rooted in the concept of “Happy Path,” a series of static, linear screens (routes from A to B) designed to funnel users toward a goal. This “one-size-fits-all” approach assumes that all users have the same mental model, which is far from the truth. The rise of AI tools like ChatGPT and Gemini is showing that we are moving into an era of Generative Interfaces. Instead of a designer pre-determining every button and menu, the interface is synthesized in real-time based on user actions. Back in 2019, Gleb Kuznetsov and I were working on the concept of morphing Interface, the idea of a UI that adapts its structure based on user intent. The great thing about this UI is that it was highly dynamic: different users saw different content/contextual actions based on their behavior. This concept was crazy in 2019, but it is highly relevant to the modern state of the product design process. And I strongly believe that it represents the future of UI design. We will move beyond the “AI chatbox" crutch Yes, many products today treat AI as a sidecar (think of Copilots or chatbots pinned to the side of a traditional dashboard), but this is a transitional phase. Why? Because adding a chat window to a 20-year-old software layout is like putting a jet engine on a horse-drawn carriage. That's why the future isn't "AI as an add-on"; it is AI as the Operating System. AI will power generative interfaces that are rooted in anticipatory design: UI won’t wait for a command; it will surface tools based on the user's current environmental context and historical behavior. This evolution changes the very nature of product design, and we will move away from designing pages/screens and toward designing systems of logic.

AI instead of UI The last few years radically changed how we think about digital products & product design process in general. What we are witnessing right now is a transition where AI is no longer just a feature; it is becoming the infrastructure of interaction. For decades, UI design was rooted in the concept of “Happy Path,” a series of static, linear screens (routes from A to B) designed to funnel users toward a goal. This “one-size-fits-all” approach assumes that all users have the same mental model, which is far from the truth. The rise of AI tools like ChatGPT and Gemini is showing that we are moving into an era of Generative Interfaces. Instead of a designer pre-determining every button and menu, the interface is synthesized in real-time based on user actions. Back in 2019, Gleb Kuznetsov and I were working on the concept of morphing Interface, the idea of a UI that adapts its structure based on user intent. The great thing about this UI is that it was highly dynamic: different users saw different content/contextual actions based on their behavior. This concept was crazy in 2019, but it is highly relevant to the modern state of the product design process. And I strongly believe that it represents the future of UI design. We will move beyond the “AI chatbox" crutch Yes, many products today treat AI as a sidecar (think of Copilots or chatbots pinned to the side of a traditional dashboard), but this is a transitional phase. Why? Because adding a chat window to a 20-year-old software layout is like putting a jet engine on a horse-drawn carriage. That's why the future isn't "AI as an add-on"; it is AI as the Operating System. AI will power generative interfaces that are rooted in anticipatory design: UI won’t wait for a command; it will surface tools based on the user's current environmental context and historical behavior. This evolution changes the very nature of product design, and we will move away from designing pages/screens and toward designing systems of logic.

Nick Babich

53,581 views • 6 months ago

Forget Dribbble for UI inspiration 🙅‍♂️ I've been using another tool that has real-world designs. 📚 Huge library of screenshots & flows 📱 Across iOS, Android, and web 🔎 Filter by UI element/pattern 💨 Super quick competitor analysis Link below 👇 #design #ux #uxui #uxdesign

Forget Dribbble for UI inspiration 🙅‍♂️ I've been using another tool that has real-world designs. 📚 Huge library of screenshots & flows 📱 Across iOS, Android, and web 🔎 Filter by UI element/pattern 💨 Super quick competitor analysis Link below 👇 #design #ux #uxui #uxdesign

Adham Dannaway

270,228 views • 3 years ago