Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 ay önce •via X (Twitter)

Bilim & TeknolojiEğitimSağlık & İyilik
LIVE

Anya Rossi• Live Now

Private livecam show

48 Yorum

Julien Lelandais (MD) profil fotoğrafı
Julien Lelandais (MD)1 ay önce

They should transform it into an agent md guidelines

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

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

Julien Lelandais (MD) profil fotoğrafı
Julien Lelandais (MD)1 ay önce

We should

George Hatzis profil fotoğrafı
George Hatzis1 ay önce

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

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

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

George Hatzis profil fotoğrafı
George Hatzis1 ay önce

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

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

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

John Carl profil fotoğrafı
John Carl1 ay önce

I think I need this one, thanks man

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

Happy to help man!

GΛB🪐 profil fotoğrafı
GΛB🪐1 ay önce

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

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

@dyeyyyccc 🙌🏻 will drop everyday

siddharth profil fotoğrafı
siddharth1 ay önce

crazy banger

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

Yup!

Silvio Roberto profil fotoğrafı
Silvio Roberto1 ay önce

cara, isso aqui é ouro tá? muito obrigado

Mihovil Ilakovac profil fotoğrafı
Mihovil Ilakovac1 ay önce

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

0xMariano 💚🍺 -🇧🇪 profil fotoğrafı
0xMariano 💚🍺 -🇧🇪1 ay önce

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

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

I will drop best on!

Anjali Singh profil fotoğrafı
Anjali Singh1 ay önce

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

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

And use this too

Anjali Singh profil fotoğrafı
Anjali Singh1 ay önce

sure

Benjamin Lupton profil fotoğrafı
Benjamin Lupton1 ay önce

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

Liam Steiner profil fotoğrafı
Liam Steiner1 ay önce

We should make it an MCP

Bubble profil fotoğrafı
Bubble1 ay önce

i like design sites with broken mobile layout

mcichael profil fotoğrafı
mcichael1 ay önce

This website not being optimized for mobile is pretty funny ngl

Sebastian Buzdugan profil fotoğrafı
Sebastian Buzdugan1 ay önce

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

fulcry profil fotoğrafı
fulcry1 ay önce

great pull

Ian Lynx profil fotoğrafı
Ian Lynx1 ay önce

It looks great, thanks for sharing!

Dino profil fotoğrafı
Dino1 ay önce

thank you for sharing 🙏🙏

Rahim Mando profil fotoğrafı
Rahim Mando1 ay önce

Thanks

Prashant profil fotoğrafı
Prashant1 ay önce

Really good usecase

Chris profil fotoğrafı
Chris1 ay önce

Thank you so much

AI Mastery Guide profil fotoğrafı
AI Mastery Guide1 ay önce

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

Shravani profil fotoğrafı
Shravani1 ay önce

Banger banger

Ruturaj profil fotoğrafı
Ruturaj1 ay önce

Let's goooo 🙌🏻

AS Maruf 🇨🇦🇧🇩 profil fotoğrafı
AS Maruf 🇨🇦🇧🇩1 ay önce

Solid🔥💯

Anselm Cho profil fotoğrafı
Anselm Cho1 ay önce

gonna to update my design system 😘

Vault Desk profil fotoğrafı
Vault Desk1 ay önce

Excellent work, well done! very helpful idea.

Augustinas Malinauskas profil fotoğrafı
Augustinas Malinauskas1 ay önce

They have checklist but no example?

Pan Inkognito profil fotoğrafı
Pan Inkognito1 ay önce

✅ No horizontal scroll on mobile

Mohit Panchal profil fotoğrafı
Mohit Panchal1 ay önce

wauw

Kristian Gerardsson profil fotoğrafı
Kristian Gerardsson1 ay önce

Quite basic

Dain profil fotoğrafı
Dain1 ay önce

Great products come from checklists.

0xd3112 profil fotoğrafı
0xd31121 ay önce

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

Bewinxed profil fotoğrafı
Bewinxed1 ay önce

BANGER

Egor Orlov profil fotoğrafı
Egor Orlov1 ay önce

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

Ashutosh Rana • UX for AI Products profil fotoğrafı
Ashutosh Rana • UX for AI Products1 ay önce

I can see good use cases here

manas takalpati profil fotoğrafı
manas takalpati1 ay önce

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

Mildlysupreme profil fotoğrafı
Mildlysupreme1 ay önce

An agent should be able to do this for you?

Benzer Videolar

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 24 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 8 ay önce

🚨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 görüntüleme • 4 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 4 ay önce

"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 görüntüleme • 8 ay önce