Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

you can instantly 10x your vibecoded frontends by just learning what different ui components are called ofc opus is creating generic slop, the only words you know are menu and button.

itsandrewgao's profile picture

andrew gao

43,818 subscribers

1,832,259 görüntüleme • 8 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

what if the app store was social? with wabi, it is. introducing the social app store where you can instantly see what apps your friends are creating, loving, and remixing
0:12

what if the app store was social? with wabi, it is. introducing the social app store where you can instantly see what apps your friends are creating, loving, and remixing

wabi

329,850 görüntüleme • 1 yıl önce

“Stroke” and “send” are the only two words you know 🤭
0:10

Sensitive content

“Stroke” and “send” are the only two words you know 🤭

april’s sweet feet

18,201 görüntüleme • 2 ay önce

If you are of a “minority” background and you press the apply button on the police website, do they just say yes instantly?
0:15

If you are of a “minority” background and you press the apply button on the police website, do they just say yes instantly?

SOI media 🇬🇧

88,905 görüntüleme • 9 ay önce

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

160,836 görüntüleme • 8 ay önce

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵
0:19

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

Cline

110,058 görüntüleme • 1 yıl önce

This is how you can instantly get the first projects for your UX/UI design portfolio! 🔥
0:19

This is how you can instantly get the first projects for your UX/UI design portfolio! 🔥

Jan Mraz

133,419 görüntüleme • 3 yıl önce

CodeHagen ok done. you can now migrate your ui components between icon libraries.
0:10

CodeHagen ok done. you can now migrate your ui components between icon libraries.

shadcn

88,348 görüntüleme • 3 ay önce

Let people off the hook and start putting those negative words, what they spoke over you, under your feet. They don’t determine your destiny. They didn’t know you before you were formed in your mother’s womb. They didn’t handpick you. Why are you elevating their words over who God says you are? Be inspired by this message from Joel, "It Changed Positions".
0:19

Let people off the hook and start putting those negative words, what they spoke over you, under your feet. They don’t determine your destiny. They didn’t know you before you were formed in your mother’s womb. They didn’t handpick you. Why are you elevating their words over who God says you are? Be inspired by this message from Joel, "It Changed Positions".

Joel Osteen

38,337 görüntüleme • 27 gün önce

wtf is happening to my X feed why is everyone posting slop Polymarket bots with vibecoded Claude UI
0:18

wtf is happening to my X feed why is everyone posting slop Polymarket bots with vibecoded Claude UI

@aaronjmars

20,255 görüntüleme • 6 ay önce

You asked, we shipped 🚀 Image cropper components are now available on Origin UI!
0:12

You asked, we shipped 🚀 Image cropper components are now available on Origin UI!

Pasquale Vitiello

42,721 görüntüleme • 1 yıl önce

You know you can just... import html files as components right?
0:17

You know you can just... import html files as components right?

Astro

95,788 görüntüleme • 2 yıl önce

Introducing ogimagecn Build OG images like you build your UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.
0:15

Introducing ogimagecn Build OG images like you build your UI. Powered by Satori. Pick from 20+ ready-to-use image components you can copy, tweak, and make your own. One command to get started. shadcn/ui compatible. 100% Free. Open source.

Shadcn Labs

10,670 görüntüleme • 1 ay önce

This is how you can make a button motion animation using components in Framer. Tutorial.
0:15

This is how you can make a button motion animation using components in Framer. Tutorial.

Praveen Kumar

23,964 görüntüleme • 7 ay önce

With One UI 5.1 you can change your wallpaper as well as your watches watchface with "Modes" so you can have different wall for light and dark mode by setting up a "Light Mode" Mode just like on video
0:18

With One UI 5.1 you can change your wallpaper as well as your watches watchface with "Modes" so you can have different wall for light and dark mode by setting up a "Light Mode" Mode just like on video

ドル円💞FX|XAUUSD（GoldEA）トレーダー|ゴールド|ユーロドルUSDJPY

13,060 görüntüleme • 3 yıl önce

more frontend vibecoding tips (results below): WHY YOUR VIBECODED FRONTENDS ALL LOOK THE SAME AND SUCK: when asked to make a frontend, the agent/llm will default to the center/average of its training data (in a very loose sense). through the training process, the model essentially converges on some default UI style. it's very capable of doing things that are different from this style, but you have to ask! for instance, ChatGPT tends to reply in the same tone for all users untill you interact with it and instruct it differently ("be sassy", "eli5"). the second reason is that most of us are not good at coming up with designs and describing them precisely (see my tweet on a crash course in common components, which i'll link below). treat frontend generation just like any other eng task! you need to provide a good detailed spec. TIPS: 1. give ur agent screenshots of designs you like (you may not know the right words to describe them but the agent will! a pic = 1000 words) where to find ui inspo? Behance, Dribbble, Mobbin (Mobbin is paid but worth it!) 2. ask ur agent for proposals, this helps "seed" different directions so the final frontend stands out. don't be afraid to go back and forth. 3. ban certain tendencies: no Inter/Roboto, no shadcn (controversial), no gradients, no emojis 4. encourage the agent to be extreme and make bold decisions, not safe ones. i think that the underlying models tend to get taught during RL/fine-tuning to make conservative choices that produce reasonable but boring frontends 5. give ur agent Figma MCP. the best results will come if you mockup your vision in Figma first. 6. Ideally choose an agent with vision capabilities TLDR: Most people are tremendously underusing agents for frontend design. They are much better than you might expect.
0:12

more frontend vibecoding tips (results below): WHY YOUR VIBECODED FRONTENDS ALL LOOK THE SAME AND SUCK: when asked to make a frontend, the agent/llm will default to the center/average of its training data (in a very loose sense). through the training process, the model essentially converges on some default UI style. it's very capable of doing things that are different from this style, but you have to ask! for instance, ChatGPT tends to reply in the same tone for all users untill you interact with it and instruct it differently ("be sassy", "eli5"). the second reason is that most of us are not good at coming up with designs and describing them precisely (see my tweet on a crash course in common components, which i'll link below). treat frontend generation just like any other eng task! you need to provide a good detailed spec. TIPS: 1. give ur agent screenshots of designs you like (you may not know the right words to describe them but the agent will! a pic = 1000 words) where to find ui inspo? Behance, Dribbble, Mobbin (Mobbin is paid but worth it!) 2. ask ur agent for proposals, this helps "seed" different directions so the final frontend stands out. don't be afraid to go back and forth. 3. ban certain tendencies: no Inter/Roboto, no shadcn (controversial), no gradients, no emojis 4. encourage the agent to be extreme and make bold decisions, not safe ones. i think that the underlying models tend to get taught during RL/fine-tuning to make conservative choices that produce reasonable but boring frontends 5. give ur agent Figma MCP. the best results will come if you mockup your vision in Figma first. 6. Ideally choose an agent with vision capabilities TLDR: Most people are tremendously underusing agents for frontend design. They are much better than you might expect.

andrew gao

64,712 görüntüleme • 8 ay önce