正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 1 个月前 •via X (Twitter)

科学技术教育健康养生

Anya Rossi• Live Now

Private livecam show

48 条评论

Julien Lelandais (MD) 的头像

Julien Lelandais (MD)1 个月前

They should transform it into an agent md guidelines

Ruturaj 的头像

Ruturaj1 个月前

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

Julien Lelandais (MD) 的头像

Julien Lelandais (MD)1 个月前

We should

George Hatzis 的头像

George Hatzis1 个月前

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

Ruturaj 的头像

Ruturaj1 个月前

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

George Hatzis 的头像

George Hatzis1 个月前

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

Ruturaj 的头像

Ruturaj1 个月前

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

John Carl 的头像

John Carl1 个月前

I think I need this one, thanks man

Ruturaj 的头像

Ruturaj1 个月前

Happy to help man!

GΛB🪐 的头像

GΛB🪐1 个月前

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

Ruturaj 的头像

Ruturaj1 个月前

@dyeyyyccc 🙌🏻 will drop everyday

siddharth 的头像

siddharth1 个月前

crazy banger

Ruturaj 的头像

Ruturaj1 个月前

Yup!

Silvio Roberto 的头像

Silvio Roberto1 个月前

cara, isso aqui é ouro tá? muito obrigado

Mihovil Ilakovac 的头像

Mihovil Ilakovac1 个月前

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

0xMariano 💚🍺 -🇧🇪 的头像

0xMariano 💚🍺 -🇧🇪1 个月前

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

Ruturaj 的头像

Ruturaj1 个月前

I will drop best on!

Anjali Singh 的头像

Anjali Singh1 个月前

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

Ruturaj 的头像

Ruturaj1 个月前

And use this too

Anjali Singh 的头像

Anjali Singh1 个月前

sure

Benjamin Lupton 的头像

Benjamin Lupton1 个月前

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

Liam Steiner 的头像

Liam Steiner1 个月前

We should make it an MCP

Bubble 的头像

Bubble1 个月前

i like design sites with broken mobile layout

mcichael 的头像

mcichael1 个月前

This website not being optimized for mobile is pretty funny ngl

Sebastian Buzdugan 的头像

Sebastian Buzdugan1 个月前

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

fulcry 的头像

fulcry1 个月前

great pull

Ian Lynx 的头像

Ian Lynx1 个月前

It looks great, thanks for sharing!

Dino 的头像

Dino1 个月前

thank you for sharing 🙏🙏

Rahim Mando 的头像

Rahim Mando1 个月前

Thanks

Prashant 的头像

Prashant1 个月前

Really good usecase

Chris 的头像

Chris1 个月前

Thank you so much

AI Mastery Guide 的头像

AI Mastery Guide1 个月前

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

Shravani 的头像

Shravani1 个月前

Banger banger

Ruturaj 的头像

Ruturaj1 个月前

Let's goooo 🙌🏻

AS Maruf 🇨🇦🇧🇩 的头像

AS Maruf 🇨🇦🇧🇩1 个月前

Solid🔥💯

Anselm Cho 的头像

Anselm Cho1 个月前

gonna to update my design system 😘

Vault Desk 的头像

Vault Desk1 个月前

Excellent work, well done! very helpful idea.

Augustinas Malinauskas 的头像

Augustinas Malinauskas1 个月前

They have checklist but no example?

Pan Inkognito 的头像

Pan Inkognito1 个月前

✅ No horizontal scroll on mobile

Mohit Panchal 的头像

Mohit Panchal1 个月前

wauw

Kristian Gerardsson 的头像

Kristian Gerardsson1 个月前

Quite basic

Dain 的头像

Dain1 个月前

Great products come from checklists.

0xd3112 的头像

0xd31121 个月前

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

Bewinxed 的头像

Bewinxed1 个月前

BANGER

Egor Orlov 的头像

Egor Orlov1 个月前

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

Ashutosh Rana • UX for AI Products 的头像

Ashutosh Rana • UX for AI Products1 个月前

I can see good use cases here

manas takalpati 的头像

manas takalpati1 个月前

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

Mildlysupreme 的头像

Mildlysupreme1 个月前

An agent should be able to do this for you?

相关视频

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 次观看 • 1 个月前

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 次观看 • 1 个月前

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 次观看 • 1 年前

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 次观看 • 2 个月前

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 次观看 • 24 天前

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 次观看 • 1 个月前

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 次观看 • 5 个月前

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 次观看 • 3 年前

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 次观看 • 5 个月前

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 次观看 • 2 个月前

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 次观看 • 7 个月前

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 次观看 • 3 个月前

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 次观看 • 8 个月前

🚨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 次观看 • 4 个月前

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 次观看 • 5 个月前

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 次观看 • 2 年前

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 次观看 • 8 个月前

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 次观看 • 4 个月前

"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 次观看 • 8 个月前