Loading video...

Video Failed to Load

Go Home

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,989 subscribers

1,827,625 views • 5 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

328,642 views • 9 months ago

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,071 views • 5 months ago

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 views • 6 months ago

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 views • 1 year ago

The most important step in The Art of War, written by ‘ArmagedDON Tzu Trump,’ is to confuse your enemy by confusing yourself. If you don’t know what you are doing, how on earth will your enemy know what you are doing?
0:20

The most important step in The Art of War, written by ‘ArmagedDON Tzu Trump,’ is to confuse your enemy by confusing yourself. If you don’t know what you are doing, how on earth will your enemy know what you are doing?

Open Minded Approach

12,128 views • 4 months ago

Your mind is the only thing in life you can actually control. If you can't, you are just a feather in the wind.
0:14

Your mind is the only thing in life you can actually control. If you can't, you are just a feather in the wind.

TOPG

87,311 views • 6 months ago

Your mind is the only thing in life you can actually control. If you can't, you are just a feather in the wind.
0:19

Your mind is the only thing in life you can actually control. If you can't, you are just a feather in the wind.

Andrew Tate

572,166 views • 2 years ago

🐰 the way you talk is kinda...you just throw around words casually 🐖🐇 true...ur the one who does it the most tho?! 🐰 😆😆😆 only to you tho? 🐖🐇 are you nice and gentle with the others? 🐰 yeah i am~ "jisung-ah, did you sleep well?😊" CHANGBIN'S REACTION I KNOW WHAT YOU ARE
0:12

🐰 the way you talk is kinda...you just throw around words casually 🐖🐇 true...ur the one who does it the most tho?! 🐰 😆😆😆 only to you tho? 🐖🐇 are you nice and gentle with the others? 🐰 yeah i am~ "jisung-ah, did you sleep well?😊" CHANGBIN'S REACTION I KNOW WHAT YOU ARE

퀔냥냥

78,224 views • 9 months ago

just sent my first prompt to Fable 5 > it instantly routed the task to Opus 4.8 > which spawned Sonnet 5 sub agents > that burned 30% of my weekly limit > and handed me slop this thing used to build full open words and refactor entire codebases in one shot WHAT DID YOU DO ANTHROPIC
0:16

just sent my first prompt to Fable 5 > it instantly routed the task to Opus 4.8 > which spawned Sonnet 5 sub agents > that burned 30% of my weekly limit > and handed me slop this thing used to build full open words and refactor entire codebases in one shot WHAT DID YOU DO ANTHROPIC

Machina

544,916 views • 1 month ago

You never know what multipliers are lurking in the deep 👀 Drop your favourite fish and a Stake ID and you might catch a tip 🎣 Fish by Twist Gaming, Only on Stake.
0:19

You never know what multipliers are lurking in the deep 👀 Drop your favourite fish and a Stake ID and you might catch a tip 🎣 Fish by Twist Gaming, Only on Stake.

Stake.com

326,895 views • 1 month ago

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,028 views • 3 years ago

Just so you know, the old UI is still in the files and they can easily revert it with a simple hotfix.
0:14

Just so you know, the old UI is still in the files and they can easily revert it with a simple hotfix.

Adam

244,307 views • 8 months ago

Maximum Football is built by the community. So, we want to know what you are thinking about 1.0! What are you loving? What still needs some work? Let us know in the replies.
0:10

Maximum Football is built by the community. So, we want to know what you are thinking about 1.0! What are you loving? What still needs some work? Let us know in the replies.

Maximum Football

41,207 views • 1 year ago

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,566 views • 5 months ago

“This is the only way you can see what we are going to do”
0:18

“This is the only way you can see what we are going to do”

Llona

26,428 views • 11 months ago

We just added a Sora UI Kit to MagicPath. MagicPath is the only design platform where you can do this today: create high-fidelity, interactive components with AI, in your own style, on an infinite canvas. No other tool even comes close.
0:18

We just added a Sora UI Kit to MagicPath. MagicPath is the only design platform where you can do this today: create high-fidelity, interactive components with AI, in your own style, on an infinite canvas. No other tool even comes close.

Pietro Schirano

21,366 views • 10 months ago

"Your role is not who you are. Your role is not what you are capable of. Your role is what your team needs from you. And, if you can do your role really well, then your role expands." Roles don’t limit you; they prepare you for more.
0:13

"Your role is not who you are. Your role is not what you are capable of. Your role is what your team needs from you. And, if you can do your role really well, then your role expands." Roles don’t limit you; they prepare you for more.

The Winning Difference

37,036 views • 1 year ago

Online stores and e-commerce brands: Are you spending a fortune on product photo shoots? See how you can save money and boost your efficiency by creating stunning visual content in seconds with Pollo Mimic. I just took one photo, and look what it did👇
0:14

Online stores and e-commerce brands: Are you spending a fortune on product photo shoots? See how you can save money and boost your efficiency by creating stunning visual content in seconds with Pollo Mimic. I just took one photo, and look what it did👇

Leo ☄️

135,244 views • 4 months ago

Boys are the loudest after the military era. If you’re still caught up in the company narrative, you don’t deserve Taekook. What makes you doubt the boys is the distortion created by the company just for distraction. You’ve been trapped; only trust the boys' words and actions. Everything else is just noise—let that noise fade away. Trust only them🐰🐯
0:41

Boys are the loudest after the military era. If you’re still caught up in the company narrative, you don’t deserve Taekook. What makes you doubt the boys is the distortion created by the company just for distraction. You’ve been trapped; only trust the boys' words and actions. Everything else is just noise—let that noise fade away. Trust only them🐰🐯

Nimra

20,354 views • 8 months ago