Loading video...

Video Failed to Load

Go Home

Excited to launch Transitions Builder and Community. All these components were generated with a single prompt with the Transition UI agent, default setup, no designs provided. The agent creates on the library’s knowledge, UI craft principles, and libraries-dev libraries, with a focus on UI motion and the details that...

Jakubantalik's profile picture

Jakub Antalik

21,790 subscribers

46,316 views • 4 days ago •via X (Twitter)

ArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Made a skill for expressive UI. The libraries-dev skill teaches your agent where and how to use library effects in your project, making your UI less generic, more expressive.
0:18

Made a skill for expressive UI. The libraries-dev skill teaches your agent where and how to use library effects in your project, making your UI less generic, more expressive.

Jakub Antalik

272,344 views • 18 days ago

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇
0:14

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

Derek Briggs

14,980 views • 1 year 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,836 views • 7 months ago

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.
0:15

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.

Kōda

42,858 views • 2 months ago

design engineering is the best seat in tech right now. you design it and you ship it. if you're learning, start here: - a library on designing with care - UI patterns reference - the best essay on the craft - design skills your agent installs - the details most people miss - everything SVG, explained - design principles, applied I post stuff like this often. follow Imran.
0:15

design engineering is the best seat in tech right now. you design it and you ship it. if you're learning, start here: - a library on designing with care - UI patterns reference - the best essay on the craft - design skills your agent installs - the details most people miss - everything SVG, explained - design principles, applied I post stuff like this often. follow Imran.

Imran

52,330 views • 1 month ago

This is genuinely insane 🤯 I sent the same prompt to 2 Claude Opus 5 agents 1 agent used no MCPs 1 agent used 2 MCPS the goal was to clone a very famous game, that has over 4 billion downloads and the results are scary.. The 1st agents game looks pretty basic. but has all the mechanics in place and even has power ups. The 2nd agents game looks polished especially for 1 single prompt. the 2nd agent used higgsfield mcp to create images for all of the assets then sent those images to Meshy AI with a prompt to create them it also generated all the UI elements. the results speak for themselves. you need to start MCP maxxing
0:17

This is genuinely insane 🤯 I sent the same prompt to 2 Claude Opus 5 agents 1 agent used no MCPs 1 agent used 2 MCPS the goal was to clone a very famous game, that has over 4 billion downloads and the results are scary.. The 1st agents game looks pretty basic. but has all the mechanics in place and even has power ups. The 2nd agents game looks polished especially for 1 single prompt. the 2nd agent used higgsfield mcp to create images for all of the assets then sent those images to Meshy AI with a prompt to create them it also generated all the UI elements. the results speak for themselves. you need to start MCP maxxing

Ernesto Lopez

70,384 views • 2 months ago

The Token Analysis Agent now has a charting tool, an updated token data UI, and an enhanced search API. More upgrades are on the way 🐝
0:14

The Token Analysis Agent now has a charting tool, an updated token data UI, and an enhanced search API. More upgrades are on the way 🐝

The Hive

52,373 views • 1 year ago

Introducing Agentic Hot Reload: Hot reload that will work automatically with every coding agent ⚡ When you prompt your agent to make a change, it will reload your running app and show you UI updates in real-time.
0:18

Introducing Agentic Hot Reload: Hot reload that will work automatically with every coding agent ⚡ When you prompt your agent to make a change, it will reload your running app and show you UI updates in real-time.

Flutter

28,453 views • 4 months ago

A product launch needs more than just a good idea. It needs visuals that communicate the product clearly. I explored using a new tool, a conversational AI video agent from Pexo, for a product launch concept with UX motion, focusing on smooth UI animations and engaging storytelling. What stood out to me was being able to refine the creative direction through conversation and use Mark to Fix for targeted changes. A practical workflow for turning product concepts into polished launch content.
0:15

A product launch needs more than just a good idea. It needs visuals that communicate the product clearly. I explored using a new tool, a conversational AI video agent from Pexo, for a product launch concept with UX motion, focusing on smooth UI animations and engaging storytelling. What stood out to me was being able to refine the creative direction through conversation and use Mark to Fix for targeted changes. A practical workflow for turning product concepts into polished launch content.

Johnn

67,113 views • 17 days ago

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →
0:14

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →

Abraham John 🦄🦓

36,476 views • 2 years ago

1. Generate UI with gpt-image-2 2. Generate a normal map from the image 3. Dynamic lighting for UI components - raised elements actually cast shadows and get lit naturally.
0:13

1. Generate UI with gpt-image-2 2. Generate a normal map from the image 3. Dynamic lighting for UI components - raised elements actually cast shadows and get lit naturally.

Jacob Miller

57,345 views • 5 months ago

AI agent usage on SQD Portal is up ~200% in recent weeks. A dev from our community chat was scraping a wallet UI with Hermes. Mid-task, DeepSeek reasoned its way out of it: "I can use SQD Portal's Hyperliquid fills data directly — much more complete than scraping a UI with infinite scroll." No prompt engineering. The model just chose the better and faster path. This is the loop we wanted: Agents pick SQD because it's faster → devs see agents picking SQD → devs ship faster → more agents pick SQD The picks-and-shovels moment for AI x onchain is here.
0:12

AI agent usage on SQD Portal is up ~200% in recent weeks. A dev from our community chat was scraping a wallet UI with Hermes. Mid-task, DeepSeek reasoned its way out of it: "I can use SQD Portal's Hyperliquid fills data directly — much more complete than scraping a UI with infinite scroll." No prompt engineering. The model just chose the better and faster path. This is the loop we wanted: Agents pick SQD because it's faster → devs see agents picking SQD → devs ship faster → more agents pick SQD The picks-and-shovels moment for AI x onchain is here.

sqd.ai

14,485 views • 5 months 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,712 views • 7 months ago

A little Sunday inspiration ✨ New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins:
0:15

A little Sunday inspiration ✨ New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins:

Codrops

11,250 views • 8 months ago

We added a mod to GX that replaces every single UI sound with the cardboard tube falling on ground sound effect
0:14

We added a mod to GX that replaces every single UI sound with the cardboard tube falling on ground sound effect

Opera GX

786,810 views • 3 years ago

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!
0:10

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!

Jannis Ringwald

59,118 views • 2 years ago

GPT Image 2.0 + Generated Normal Maps = Dynamic Lighting and Shadows for UI. 🤯 The workflow for building high-fidelity skeuomorphic UI concepts with AI + Three.js just got a lot easier. Interactive experience, sound fx, and normals all generated with Omma AI (tool by Spline). 3D iPhone by Ranguel on Sketchfab. Happy to share the remix link if you would like to poke around, lmk!
0:15

GPT Image 2.0 + Generated Normal Maps = Dynamic Lighting and Shadows for UI. 🤯 The workflow for building high-fidelity skeuomorphic UI concepts with AI + Three.js just got a lot easier. Interactive experience, sound fx, and normals all generated with Omma AI (tool by Spline). 3D iPhone by Ranguel on Sketchfab. Happy to share the remix link if you would like to poke around, lmk!

Gábor Pribék

12,290 views • 5 months ago

Imagining UI components as jelly is oddly satisfying… this time it’s a “Jelly Switch”, built using TypeGPU without any extra libraries. Live demo & Code: Once again, SDFs gave us a lot of freedom to make the form of the object dynamic and jiggly. Konrad built a great foundation for implementing SDF-based UI components, can’t imagine us stopping here 👀 If you’re interested in WebGPU and are a TypeScript developer, I can’t recommend TypeGPU enough (toootally unbiased opinion)
0:16

Imagining UI components as jelly is oddly satisfying… this time it’s a “Jelly Switch”, built using TypeGPU without any extra libraries. Live demo & Code: Once again, SDFs gave us a lot of freedom to make the form of the object dynamic and jiggly. Konrad built a great foundation for implementing SDF-based UI components, can’t imagine us stopping here 👀 If you’re interested in WebGPU and are a TypeScript developer, I can’t recommend TypeGPU enough (toootally unbiased opinion)

Iwo Plaza | TypeGPU

173,136 views • 11 months ago