Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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:

rutu_3's profile picture

Ruturaj

5,597 subscribers

237,441 Aufrufe • vor 1 Monat •via X (Twitter)

Wissenschaft & TechnologieBildungGesundheit & Wellness
LIVE

Anya Rossi• Live Now

Private livecam show

48 Kommentare

Profilbild von Julien Lelandais (MD)
Julien Lelandais (MD)vor 1 Monat

They should transform it into an agent md guidelines

Profilbild von Ruturaj
Ruturajvor 1 Monat

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

Profilbild von Julien Lelandais (MD)
Julien Lelandais (MD)vor 1 Monat

We should

Profilbild von George Hatzis
George Hatzisvor 1 Monat

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

Profilbild von Ruturaj
Ruturajvor 1 Monat

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

Profilbild von George Hatzis
George Hatzisvor 1 Monat

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

Profilbild von Ruturaj
Ruturajvor 1 Monat

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

Profilbild von John Carl
John Carlvor 1 Monat

I think I need this one, thanks man

Profilbild von Ruturaj
Ruturajvor 1 Monat

Happy to help man!

Profilbild von GΛB🪐
GΛB🪐vor 1 Monat

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

Profilbild von Ruturaj
Ruturajvor 1 Monat

@dyeyyyccc 🙌🏻 will drop everyday

Profilbild von siddharth
siddharthvor 1 Monat

crazy banger

Profilbild von Ruturaj
Ruturajvor 1 Monat

Yup!

Profilbild von Silvio Roberto
Silvio Robertovor 1 Monat

cara, isso aqui é ouro tá? muito obrigado

Profilbild von Mihovil Ilakovac
Mihovil Ilakovacvor 1 Monat

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

Profilbild von 0xMariano 💚🍺 -🇧🇪
0xMariano 💚🍺 -🇧🇪vor 1 Monat

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

Profilbild von Ruturaj
Ruturajvor 1 Monat

I will drop best on!

Profilbild von Anjali Singh
Anjali Singhvor 1 Monat

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

Profilbild von Ruturaj
Ruturajvor 1 Monat

And use this too

Profilbild von Anjali Singh
Anjali Singhvor 1 Monat

sure

Profilbild von Benjamin Lupton
Benjamin Luptonvor 1 Monat

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

Profilbild von Liam Steiner
Liam Steinervor 1 Monat

We should make it an MCP

Profilbild von Bubble
Bubblevor 1 Monat

i like design sites with broken mobile layout

Profilbild von mcichael
mcichaelvor 1 Monat

This website not being optimized for mobile is pretty funny ngl

Profilbild von Sebastian Buzdugan
Sebastian Buzduganvor 1 Monat

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

Profilbild von fulcry
fulcryvor 1 Monat

great pull

Profilbild von Ian Lynx
Ian Lynxvor 1 Monat

It looks great, thanks for sharing!

Profilbild von Dino
Dinovor 1 Monat

thank you for sharing 🙏🙏

Profilbild von Rahim Mando
Rahim Mandovor 1 Monat

Thanks

Profilbild von Prashant
Prashantvor 1 Monat

Really good usecase

Profilbild von Chris
Chrisvor 1 Monat

Thank you so much

Profilbild von AI Mastery Guide
AI Mastery Guidevor 1 Monat

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

Profilbild von Shravani
Shravanivor 1 Monat

Banger banger

Profilbild von Ruturaj
Ruturajvor 1 Monat

Let's goooo 🙌🏻

Profilbild von AS Maruf 🇨🇦🇧🇩
AS Maruf 🇨🇦🇧🇩vor 1 Monat

Solid🔥💯

Profilbild von Anselm Cho
Anselm Chovor 1 Monat

gonna to update my design system 😘

Profilbild von Vault Desk
Vault Deskvor 1 Monat

Excellent work, well done! very helpful idea.

Profilbild von Augustinas Malinauskas
Augustinas Malinauskasvor 1 Monat

They have checklist but no example?

Profilbild von Pan Inkognito
Pan Inkognitovor 1 Monat

✅ No horizontal scroll on mobile

Profilbild von Mohit Panchal
Mohit Panchalvor 1 Monat

wauw

Profilbild von Kristian Gerardsson
Kristian Gerardssonvor 1 Monat

Quite basic

Profilbild von Dain
Dainvor 1 Monat

Great products come from checklists.

Profilbild von 0xd3112
0xd3112vor 1 Monat

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

Profilbild von Bewinxed
Bewinxedvor 1 Monat

BANGER

Profilbild von Egor Orlov
Egor Orlovvor 1 Monat

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

Profilbild von Ashutosh Rana • UX for AI Products
Ashutosh Rana • UX for AI Productsvor 1 Monat

I can see good use cases here

Profilbild von manas takalpati
manas takalpativor 1 Monat

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

Profilbild von Mildlysupreme
Mildlysupremevor 1 Monat

An agent should be able to do this for you?

Ähnliche 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:
0:41

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 Aufrufe • vor 1 Monat

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

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 Aufrufe • vor 1 Monat

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.
23:07

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 Aufrufe • vor 1 Jahr

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.
0:36

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 Aufrufe • vor 2 Monaten

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

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 Aufrufe • vor 24 Tagen

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.
0:45

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 Aufrufe • vor 1 Monat

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.
1:04

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 Aufrufe • vor 5 Monaten

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

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 Aufrufe • vor 3 Jahren

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.
4:43

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 Aufrufe • vor 5 Monaten

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/
0:23

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 Aufrufe • vor 2 Monaten

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.
7:20

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 Aufrufe • vor 7 Monaten

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. 🤍🫂
0:21

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 Aufrufe • vor 3 Monaten

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
1:42

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 Aufrufe • vor 8 Monaten

🚨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!
11:18

🚨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 Aufrufe • vor 4 Monaten

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.
1:53

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 Aufrufe • vor 5 Monaten

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

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 Aufrufe • vor 2 Jahren

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

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 Aufrufe • vor 8 Monaten

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?
0:24

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 Aufrufe • vor 4 Monaten

"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
3:12

"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 Aufrufe • vor 8 Monaten