I Gave Fable 5.1 Access to 621K+ UI Designs
5.2K views · 2026-09-24
UI Design
🎁 Get –20% on Mobbin Pro plan — http://mobbin.com/chyrkov
👀 View live: https://yt-claude-fable-mobbin-dashboard.vercel.app
AI can build pretty much any interface you can describe. But a lot of AI-generated websites still look AI-generated.
So I let Claude Code with Fable 5.1 design a whole analytics SaaS called Pulse with zero references. Then I connected Mobbin MCP and ran it again. Same AI. Same product. The only thing that changed is what Fable could learn from.
Version 1 looked fine for about a minute — then you notice the 1px gray strokes, the beige, the same rounded corners, the black nav you can’t collapse. Version 2 got a light gray background, serif type, filter chips instead of buried calendar presets, analytics split into real pages, a customers drawer that doesn’t cover the whole screen, settings moved out of the main nav, and a Stripe-like onboarding flow.
👉 Try Claude Code — https://claude.ai/referral/-bAJSj_e7g
💌 Join my newsletter: https://sergeichyrkov.com/newsletter
🎙️ Want to learn more? Book 1:1 session: https://sergeichyrkov.com/learn
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
______________________________
Useful stuff:
👉 Get Claude Code — https://claude.ai/referral/-bAJSj_e7g
👉 Get –20% on Mobbin Pro plan — http://mobbin.com/chyrkov
👉 Build websites in minutes with Framer — https://framer.link/chyrkov
👉 Best music for your videos — https://www.epidemicsound.com/referral/am81qn
______________________________
📝 Chapters:
0:00 - Intro
1:04 - Building the SaaS analytics app, from a single prompt
2:01 - First result: what looks generic about version 1
3:23 - Mobbin, and giving AI real design references
4:44 - Connecting the Mobbin MCP to Claude
5:54 - The redesign prompt: research, analyze, direction, redesign, review
7:44 - Claude's report on what it changed
8:18 - Version 2 dashboard vs. version 1
10:31 - New analytics pages: revenue, acquisition, engagement, retention
11:10 - Customers page: side panel and customizable columns
11:57 - Reports page: table view instead of cards
12:16 - Settings and navigation restructure
13:15 - Using the design system: create login and onboarding flow
15:13 - Big takeaway: make AI research before it designs
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeichyrkov
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#claude #claudecode #mobbin #ai #webdesign
👀 View live: https://yt-claude-fable-mobbin-dashboard.vercel.app
AI can build pretty much any interface you can describe. But a lot of AI-generated websites still look AI-generated.
So I let Claude Code with Fable 5.1 design a whole analytics SaaS called Pulse with zero references. Then I connected Mobbin MCP and ran it again. Same AI. Same product. The only thing that changed is what Fable could learn from.
Version 1 looked fine for about a minute — then you notice the 1px gray strokes, the beige, the same rounded corners, the black nav you can’t collapse. Version 2 got a light gray background, serif type, filter chips instead of buried calendar presets, analytics split into real pages, a customers drawer that doesn’t cover the whole screen, settings moved out of the main nav, and a Stripe-like onboarding flow.
👉 Try Claude Code — https://claude.ai/referral/-bAJSj_e7g
💌 Join my newsletter: https://sergeichyrkov.com/newsletter
🎙️ Want to learn more? Book 1:1 session: https://sergeichyrkov.com/learn
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
______________________________
Useful stuff:
👉 Get Claude Code — https://claude.ai/referral/-bAJSj_e7g
👉 Get –20% on Mobbin Pro plan — http://mobbin.com/chyrkov
👉 Build websites in minutes with Framer — https://framer.link/chyrkov
👉 Best music for your videos — https://www.epidemicsound.com/referral/am81qn
______________________________
📝 Chapters:
0:00 - Intro
1:04 - Building the SaaS analytics app, from a single prompt
2:01 - First result: what looks generic about version 1
3:23 - Mobbin, and giving AI real design references
4:44 - Connecting the Mobbin MCP to Claude
5:54 - The redesign prompt: research, analyze, direction, redesign, review
7:44 - Claude's report on what it changed
8:18 - Version 2 dashboard vs. version 1
10:31 - New analytics pages: revenue, acquisition, engagement, retention
11:10 - Customers page: side panel and customizable columns
11:57 - Reports page: table view instead of cards
12:16 - Settings and navigation restructure
13:15 - Using the design system: create login and onboarding flow
15:13 - Big takeaway: make AI research before it designs
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeichyrkov
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#claude #claudecode #mobbin #ai #webdesign