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.

I found a site that solves pretty much every UI component oversight problem. It gives you exact, step-by-step checklists for building cards, navigation, and forms so you never miss critical micro-details again. Link:

Ruturaj

5,597 subscribers

237,441 views • 1 month ago •via X (Twitter)

Science & Technology Education Health & Wellness

Anya Rossi• Live Now

Private livecam show

48 Comments

Julien Lelandais (MD)1 month ago

They should transform it into an agent md guidelines

Ruturaj1 month ago

Why should we don't refine and create new one?

Julien Lelandais (MD)1 month ago

We should

George Hatzis1 month ago

@rutu_3 Creator here - I’m actually looking to launch the skill next week 👀

Ruturaj1 month ago

@cryptulien Let's goo man if you need any help from my side then DM are always open man 🙌🏻

George Hatzis1 month ago

Thanks for sharing! My next steps are a skill and MCP will come later.

Ruturaj1 month ago

Og Man Thanks For creating this will help a lot 🫶🏻

John Carl1 month ago

I think I need this one, thanks man

Ruturaj1 month ago

Happy to help man!

GΛB🪐1 month ago

@dyeyyyccc Truly a hidden gem you’re the goat for sharing this one

Ruturaj1 month ago

@dyeyyyccc 🙌🏻 will drop everyday

siddharth1 month ago

crazy banger

Ruturaj1 month ago

Yup!

Silvio Roberto1 month ago

cara, isso aqui é ouro tá? muito obrigado

Mihovil Ilakovac1 month ago

Hmmm it would interesting to add to a thing I'm building, crossroads of agents, design and accessibility

0xMariano 💚🍺 -🇧🇪1 month ago

Any idea about the icon library used for the site? Love them

Ruturaj1 month ago

I will drop best on!

Anjali Singh1 month ago

Damn, this is actually useful. The tiny UI details are always the ones we forget to check. Saving this.

Ruturaj1 month ago

And use this too

Anjali Singh1 month ago

sure

Benjamin Lupton1 month ago

tapping the card title should be the label for the checkbox and check the checkbox

Liam Steiner1 month ago

We should make it an MCP

Bubble1 month ago

i like design sites with broken mobile layout

mcichael1 month ago

This website not being optimized for mobile is pretty funny ngl

Sebastian Buzdugan1 month ago

checklists catch missing states, but production bugs usually hide in keyboard and screen reader flows

fulcry1 month ago

great pull

Ian Lynx1 month ago

It looks great, thanks for sharing!

Dino1 month ago

thank you for sharing 🙏🙏

Rahim Mando1 month ago

Thanks

Prashant1 month ago

Really good usecase

Chris1 month ago

Thank you so much

AI Mastery Guide1 month ago

Never missing micro details again, that's a nice checklist to have.

Shravani1 month ago

Banger banger

Ruturaj1 month ago

Let's goooo 🙌🏻

AS Maruf 🇨🇦🇧🇩1 month ago

Solid🔥💯

Anselm Cho1 month ago

gonna to update my design system 😘

Vault Desk1 month ago

Excellent work, well done! very helpful idea.

Augustinas Malinauskas1 month ago

They have checklist but no example?

Pan Inkognito1 month ago

✅ No horizontal scroll on mobile

Mohit Panchal1 month ago

wauw

Kristian Gerardsson1 month ago

Quite basic

Dain1 month ago

Great products come from checklists.

0xd31121 month ago

Unusable it has an invalid overflow property. I cant read this on mobile

Bewinxed1 month ago

BANGER

Egor Orlov1 month ago

it's like but for apps. Ping me once it will be converted to skills

Ashutosh Rana • UX for AI Products1 month ago

I can see good use cases here

manas takalpati1 month ago

pretty sure this is exactly what i needed, I appreciate it

Mildlysupreme1 month ago

An agent should be able to do this for you?

Related Videos

I found a site that solves pretty much every UX user flow and onboarding problem. It records video screen walkthroughs of top apps showing how they handle checkout, user signups, and feature upgrades step-by-step. Link:

I found a site that solves pretty much every UX user flow and onboarding problem. It records video screen walkthroughs of top apps showing how they handle checkout, user signups, and feature upgrades step-by-step. Link:

Giyu

38,083 views • 1 month ago

I found a site that solves pretty much every subtle UI animation problem. In a crowded market, tiny micro-interactions make users fall in love with your app. This tool curates real UI magic you can steal for inspiration. Link:

I found a site that solves pretty much every subtle UI animation problem. In a crowded market, tiny micro-interactions make users fall in love with your app. This tool curates real UI magic you can steal for inspiration. Link:

Ruturaj

69,956 views • 1 month ago

Here is a step-by-step introduction to building a workflow with a custom AI agent that uses MCP. I explain every component in the video: 1. Building the MCP server 2. Building the agent and an MCP client 3. Building a workflow that uses the agent The goal is simple: Generate a dialogue between two people and make one yell and the other answer with sarcasm. Kestra is sponsoring this video. They are an open-source orchestration platform (repo link below), and I used them to build the workflow that connects every component.

Here is a step-by-step introduction to building a workflow with a custom AI agent that uses MCP. I explain every component in the video: 1. Building the MCP server 2. Building the agent and an MCP client 3. Building a workflow that uses the agent The goal is simple: Generate a dialogue between two people and make one yell and the other answer with sarcasm. Kestra is sponsoring this video. They are an open-source orchestration platform (repo link below), and I used them to build the workflow that connects every component.

Santiago

51,527 views • 1 year ago

I love the rise of free UI libraries built by designers who really care about the details. Beautiful UI has 17 polished patterns for AI-native products, from thinking and streaming states to tool calls, approval cards, and diffs. Every component includes the source code, so you can give it to your agent and adapt the interaction to your own product.

I love the rise of free UI libraries built by designers who really care about the details. Beautiful UI has 17 polished patterns for AI-native products, from thinking and streaming states to tool calls, approval cards, and diffs. Every component includes the source code, so you can give it to your agent and adapt the interaction to your own product.

Meng To

151,548 views • 2 months ago

Found this if your UI still feels dead after you ship it. - React micro-interactions and transitions - Buttons, cards, loaders, you copy them in - CLI to add one at a time, open source link;

Found this if your UI still feels dead after you ship it. - React micro-interactions and transitions - Buttons, cards, loaders, you copy them in - CLI to add one at a time, open source link;

Manish Kumar

19,098 views • 24 days ago

I followed this exact step by step guide and i made the most beautiful cake ever. You can also give it a try. I promise, you won't be disappointed. Fluffy and soft cake ever.

I followed this exact step by step guide and i made the most beautiful cake ever. You can also give it a try. I promise, you won't be disappointed. Fluffy and soft cake ever.

Taibat Yahaya

280,387 views • 1 month ago

Oya oo I broke down the details on what to do step by step, so just follow along and get yours Thursday or Friday. Don’t forget that Friday is the current deadline, so what you must do, do quickly. Once again, please believe that your vote will count, because we will fight for it.

Oya oo I broke down the details on what to do step by step, so just follow along and get yours Thursday or Friday. Don’t forget that Friday is the current deadline, so what you must do, do quickly. Once again, please believe that your vote will count, because we will fight for it.

Susieee

98,333 views • 5 months ago

I call You faithful For the promises You’ve kept And every need You’ve met Lord I’m so grateful You were with me every step And I never will forget

I call You faithful For the promises You’ve kept And every need You’ve met Lord I’m so grateful You were with me every step And I never will forget

Elevation Worship

41,980 views • 3 years ago

Most people trying to build a vertical AI business start by building the agent. That's the mistake. Here's the 5-step order that actually works: Step 1) Find a boring pain point - Pick a workflow you already know from your job. - That's your unfair advantage. Step 2) Map the workflow - Literally draw it out. - Every step, every handoff. Step 3) Do the job as a service - Manually. - For real clients. - Before any code. Step 4) Document the edge cases - This is where the real IP lives. - You only find them by doing the work. Step 5) Add vertical agents to replace each step - Now you have proprietary data and a workflow you own. Skip steps 1–4 and you're just building a demo.

Most people trying to build a vertical AI business start by building the agent. That's the mistake. Here's the 5-step order that actually works: Step 1) Find a boring pain point - Pick a workflow you already know from your job. - That's your unfair advantage. Step 2) Map the workflow - Literally draw it out. - Every step, every handoff. Step 3) Do the job as a service - Manually. - For real clients. - Before any code. Step 4) Document the edge cases - This is where the real IP lives. - You only find them by doing the work. Step 5) Add vertical agents to replace each step - Now you have proprietary data and a workflow you own. Skip steps 1–4 and you're just building a demo.

The Startup Ideas Podcast (SIP) 🧃

14,202 views • 5 months ago

Another example. I was migrating my personal website from one framework to another, and Claude wrote a script that did it — something like this. But it was very hard to review: I wasn't familiar with the new framework, and all I could say was "I guess that looks about right." So I asked Claude to make me a video game — a command center where I do the port myself, step by step, watching the visible effects and the file tree evolve. It produced a UI where I click buttons to run the port step by step, with my old site and new site running side by side. In this command center I watched the new site come to life incrementally. That left me with a similar understanding to doing it by hand — but much faster, because the whole experience was laid out for me. 28/

Another example. I was migrating my personal website from one framework to another, and Claude wrote a script that did it — something like this. But it was very hard to review: I wasn't familiar with the new framework, and all I could say was "I guess that looks about right." So I asked Claude to make me a video game — a command center where I do the port myself, step by step, watching the visible effects and the file tree evolve. It produced a UI where I click buttons to run the port step by step, with my old site and new site running side by side. In this command center I watched the new site come to life incrementally. That left me with a similar understanding to doing it by hand — but much faster, because the whole experience was laid out for me. 28/

Geoffrey Litt

17,892 views • 2 months ago

This OpenClaw AI Bot Just PRINTED $400K+ in 25 Days Use this OpenClaw Crypto Trading Bot: A Step-by-Step Guide 🤖📈 You can also do this, in simple steps. Get my exact step-by-step guide. Normally priced at $499, but it’s free for 24 hours. To get it: 1. Comment "Crypto" 2. Like and Retweet this post 3. Follow me Himanshu Kumar (so i send you DM) Checkout the attached Video tutorial and below for step-by-step OpenClaw crypto bot guide.

This OpenClaw AI Bot Just PRINTED $400K+ in 25 Days Use this OpenClaw Crypto Trading Bot: A Step-by-Step Guide 🤖📈 You can also do this, in simple steps. Get my exact step-by-step guide. Normally priced at $499, but it’s free for 24 hours. To get it: 1. Comment "Crypto" 2. Like and Retweet this post 3. Follow me Himanshu Kumar (so i send you DM) Checkout the attached Video tutorial and below for step-by-step OpenClaw crypto bot guide.

Himanshu Kumar

73,084 views • 7 months ago

Haknyeon, you've been through so much… I hope you know how loved you truly are. The past few months haven't been easy, but so many people never stopped believing in you and never stopped waiting for better days to come. but please remember that you're loved by so many people. thank you for holding on and staying strong. we’ll keep waiting for you, supporting your journey, and standing by your side every step of the way. 🤍🫂

Haknyeon, you've been through so much… I hope you know how loved you truly are. The past few months haven't been easy, but so many people never stopped believing in you and never stopped waiting for better days to come. but please remember that you're loved by so many people. thank you for holding on and staying strong. we’ll keep waiting for you, supporting your journey, and standing by your side every step of the way. 🤍🫂

lilie

15,233 views • 3 months ago

i found a site that lists over 65,000+ SKILLS to use in Claude Code it has skills for pretty much every niche, topic, usecase if you're vibecoding an app you need to check this out & bookmark this saved me so much time and my agents become crazy powerful

i found a site that lists over 65,000+ SKILLS to use in Claude Code it has skills for pretty much every niche, topic, usecase if you're vibecoding an app you need to check this out & bookmark this saved me so much time and my agents become crazy powerful

Rexan Wong

111,771 views • 8 months ago

🚨Carney - The Eleven Year Plan🚨 I spent the last week lining Mark's every move in 30 documented steps since 2015. No more doubts! It was never about saving the planet, and I have proof. Watch the house of cards getting built step by step. Let me know if you see it too!

🚨Carney - The Eleven Year Plan🚨 I spent the last week lining Mark's every move in 30 documented steps since 2015. No more doubts! It was never about saving the planet, and I have proof. Watch the house of cards getting built step by step. Let me know if you see it too!

Vesper

67,576 views • 4 months ago

Charged $1,400 from my bed. No office. No coding. Just AI + smart execution. I found a local business on Google with no website, copied their info, used naïve aive to build a clean site in minutes… …and sold it as a “premium digital setup” 💻 💰 Total earned so far: $6,300+ Want the exact step-by-step? Like + Repost + Follow Comment “MONEY” and I’ll DM you the full system.

Charged $1,400 from my bed. No office. No coding. Just AI + smart execution. I found a local business on Google with no website, copied their info, used naïve aive to build a clean site in minutes… …and sold it as a “premium digital setup” 💻 💰 Total earned so far: $6,300+ Want the exact step-by-step? Like + Repost + Follow Comment “MONEY” and I’ll DM you the full system.

Haider Anis

57,658 views • 5 months ago

If you're beginner in UI/UX Design and don't know how to build a design system, this post is for you. I'll share a website that provides a step by step guide on how to create a design system Website → Each step includes a brief description and recommended resources. Created by roadmap.sh

If you're beginner in UI/UX Design and don't know how to build a design system, this post is for you. I'll share a website that provides a step by step guide on how to create a design system Website → Each step includes a brief description and recommended resources. Created by roadmap.sh

Abraham John 🦄🦓

27,398 views • 2 years ago

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

Abraham John 🦄🦓

21,337 views • 8 months ago

a $1M app idea: duolingo to learn how to cook. i posted this idea months ago and it went mega viral. but no one’s actually building it. i’d make an app that: 1. gets recipes from tiktok 2. gives step-by-step instructions + a path to learn how to cook who’s building it?

a $1M app idea: duolingo to learn how to cook. i posted this idea months ago and it went mega viral. but no one’s actually building it. i’d make an app that: 1. gets recipes from tiktok 2. gives step-by-step instructions + a path to learn how to cook who’s building it?

Simone Canc

33,246 views • 4 months ago

"I hid it away.. deep down, and told myself never to look at it again" It doesn't matter if you have a bias, or stan a group, don't be afraid and hide it. It is a part of you, it forms who you are, it gives you colours, and perspective. It makes you, you. #IDOLI #IDOLIEp7

"I hid it away.. deep down, and told myself never to look at it again" It doesn't matter if you have a bias, or stan a group, don't be afraid and hide it. It is a part of you, it forms who you are, it gives you colours, and perspective. It makes you, you. #IDOLI #IDOLIEp7

Jc 🐻🐨🐶

36,056 views • 8 months ago