Loading video...

Video Failed to Load

Go Home

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

bbssppllvv's profile picture

Mike Bespalov

13,196 subscribers

152,319 views • 7 months ago •via X (Twitter)

EducationScience & Technology
LIVE

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 💜
0:30

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 🦄🦓

21,457 views • 2 months 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.
0:29

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 • 8 months ago

Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴 Now you don't have to manually design skeleton screens for your UI. Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it. Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:32

Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴 Now you don't have to manually design skeleton screens for your UI. Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it. Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

55,108 views • 1 month ago

🚀Hey guys ! Today we are thrilled to officially GA release #Motiff at the #SuperAI conference. Get ready to elevate your UI design experience and bring your ideas to life like never before with Motiff. Let's witness the future of UI design together. #Innovation #AI #designtool
1:58

🚀Hey guys ! Today we are thrilled to officially GA release #Motiff at the #SuperAI conference. Get ready to elevate your UI design experience and bring your ideas to life like never before with Motiff. Let's witness the future of UI design together. #Innovation #AI #designtool

Motiff_AI

11,265 views • 2 years 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:
0:32

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

38,662 views • 3 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 ↓
0:30

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 • 4 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
0:58

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

402,762 views • 6 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👇
0:26

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 • 4 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)
0:25

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,647 views • 1 year ago

A film is made of individual moments. So why not design those moments before generating the film? That’s the part of the GPT Image 2.5 + CapCut workflow I find interesting. GPT Image 2.5 is coming to CapCut PC through Design Studio and AI Image. #GPTImage25 #CapCutPC
0:30

A film is made of individual moments. So why not design those moments before generating the film? That’s the part of the GPT Image 2.5 + CapCut workflow I find interesting. GPT Image 2.5 is coming to CapCut PC through Design Studio and AI Image. #GPTImage25 #CapCutPC

Kylie

633,474 views • 29 days 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. 🖼
0:50

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
0:29

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

20,116 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 💜
0:24

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 🦄🦓

31,000 views • 8 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.
0:30

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,756 views • 8 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:53

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 🧩

218,815 views • 4 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!
0:20

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 • 4 months ago

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

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

Boy aløne 💜✨

35,002 views • 4 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!
0:31

🔧 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,706 views • 11 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!
30:33

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 • 9 months ago