Loading video...

Video Failed to Load

Go Home

I made a tool that generates UIs with a design system that's copyable as prompts. Everything is a prompt: font pairings, color system, spacing, icon sets, buttons and even webgl & threejs with full code samples. This made explorations with Gemini 3.1 Pro so precise and fun.

MengTo's profile picture

Meng To

179,331 subscribers

96,452 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

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:
0:32

Jeeezz, I just vibe coded a fully interactive 3D solar system explorer using Three.js and GSAP in Google AI Studio with Gemini 3.1 Pro. Still can't believe it. It uses advanced threejs strategies like Hybird DOM, WebGL Masking, cinematic camera, Fresnel effect and such. Building stuff like this genuinely feels like joy. Smooth, immersive, and ridiculously fun to create using AI ♥️ It's inspired from Jamie Coulter original CSS solar explorer codepen :) Live: Code:

The Bugged Dev

46,011 views • 5 months ago

How to make Claude Code 10x better: Connect it with a tool that reviews your code and generates prompts for Claude to fix any issues with it automatically. Here is what this looks like:
3:38

How to make Claude Code 10x better: Connect it with a tool that reviews your code and generates prompts for Claude to fix any issues with it automatically. Here is what this looks like:

Santiago

98,993 views • 1 year ago

Motion design is officially dead. I made this demo on motionfly with a single prompt and 10 mins tweaking.
0:29

Motion design is officially dead. I made this demo on motionfly with a single prompt and 10 mins tweaking.

Motionfly

37,727 views • 4 months ago

Just added Google Gemini 3.1 Pro to Base44 Gemini 3.1 Pro is really good for gaming and design workflows, and it's fast. If that's what you're building, this is your model. + we're adding something a lot of you were asking for - you can now pick your AI model from the very first prompt. No more starting with a default and switching halfway through. Checkout this Pokemon game I built with the new model, and let me know what you're building
1:11

Just added Google Gemini 3.1 Pro to Base44 Gemini 3.1 Pro is really good for gaming and design workflows, and it's fast. If that's what you're building, this is your model. + we're adding something a lot of you were asking for - you can now pick your AI model from the very first prompt. No more starting with a default and switching halfway through. Checkout this Pokemon game I built with the new model, and let me know what you're building

Maor Shlomo

24,630 views • 7 months ago

SEEDANCE 2.0 IS INSANE. I made this in 3 minutes and two "one sentence" prompts. And I am not a Pro with #videos. This AI tool changes the entire game. People will make movies with it. #seedance
0:29

SEEDANCE 2.0 IS INSANE. I made this in 3 minutes and two "one sentence" prompts. And I am not a Pro with #videos. This AI tool changes the entire game. People will make movies with it. #seedance

Vincy Farinato

19,588 views • 7 months ago

I can't code and I'm not a designer. But I managed to create this cool, interactive website with Figma's new prompt-to-code tool. Lessons learned from my explorations in "vibe designing" 👇
0:27

I can't code and I'm not a designer. But I managed to create this cool, interactive website with Figma's new prompt-to-code tool. Lessons learned from my explorations in "vibe designing" 👇

Justine Moore

176,672 views • 1 year ago

Look at this masterpiece I spent a week making in AE! Just kidding, I made it with MiniMax Design in under 10 minutes. And the crazy part? I only used one prompt. No more long, complex prompts. Just describe your idea. Agent handles everything. Design is seriously so creator-friendly.
0:24

Look at this masterpiece I spent a week making in AE! Just kidding, I made it with MiniMax Design in under 10 minutes. And the crazy part? I only used one prompt. No more long, complex prompts. Just describe your idea. Agent handles everything. Design is seriously so creator-friendly.

FELIX

394,829 views • 1 month ago

i made a tool that visualizes sound as a 3D data structure notes are placed based on the circle of fifths and relative volume built with threejs and web midi api
0:41

i made a tool that visualizes sound as a 3D data structure notes are placed based on the circle of fifths and relative volume built with threejs and web midi api

AA

32,894 views • 2 months ago

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.
1:52

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.

Brian Armstrong

520,460 views • 2 years ago

Made a full limb explosion system for METAL GOD's personal avatar. The avatar is very Armored Core and Necromorph inspired, so i'm really making it into an undead robot with this system. Super fun hah #VRChat
1:33

Made a full limb explosion system for METAL GOD's personal avatar. The avatar is very Armored Core and Necromorph inspired, so i'm really making it into an undead robot with this system. Super fun hah #VRChat

Liindy

29,597 views • 1 year ago

I made a FREE design skill. So you can design Lovable projects like me. Whats included: - Design system structure - UI presets - Website templates & more All my design prompts + tricks #lovablepartner Comment "Design" and I'll DM it to you.
0:25

I made a FREE design skill. So you can design Lovable projects like me. Whats included: - Design system structure - UI presets - Website templates & more All my design prompts + tricks #lovablepartner Comment "Design" and I'll DM it to you.

damien

29,226 views • 1 month ago

Created a social media profile dashboard with Claude Design. This used my personal Design System to get the font, colors, text and graphics closer to my personal brand style. Prompt in the comments below.
0:27

Created a social media profile dashboard with Claude Design. This used my personal Design System to get the font, colors, text and graphics closer to my personal brand style. Prompt in the comments below.

Jerrod Lew

11,781 views • 5 months ago

Everyone is talking about Claude Design… but I keep going back to Gemini. Gemini 3.1 Pro is seriously impressive when it comes to motion design. I actually want to try Claude Design, but after only two prompts, I was already running out of credits. If you care about anti AI slop, Gemini is still winning. With a single prompt, it can transform a static HTML layout into dynamic, polished motion graphics.
0:40

Everyone is talking about Claude Design… but I keep going back to Gemini. Gemini 3.1 Pro is seriously impressive when it comes to motion design. I actually want to try Claude Design, but after only two prompts, I was already running out of credits. If you care about anti AI slop, Gemini is still winning. With a single prompt, it can transform a static HTML layout into dynamic, polished motion graphics.

FHILY👑

25,019 views • 3 months ago

"A wooden house" by Claude Fable 5 (max) Max reasoning effort is impressive, this is using my safe system prompt that removes creativity but makes buildings more functional and it's impressive I'll keep testing it with other past system prompts, but so far so good
0:32

"A wooden house" by Claude Fable 5 (max) Max reasoning effort is impressive, this is using my safe system prompt that removes creativity but makes buildings more functional and it's impressive I'll keep testing it with other past system prompts, but so far so good

Angel 🌼

1,530,808 views • 3 months ago

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.
12:14

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Mnimiy

114,141 views • 3 months ago

Opus 4.6 vs Gemini 3.1 Pro (2/9) prompt: Build a premium Vite + React landing page for Aether, an AI creative studio, with dark-mode design, high-end animations (Framer Motion), and conversion-focused sections (hero, features, demo, pricing, testimonials). Whilst I think gemini is overall better at design, the model often struggles with syntax issues, tool calling and thinking for 2-3 times the amount of opus.
0:23

Opus 4.6 vs Gemini 3.1 Pro (2/9) prompt: Build a premium Vite + React landing page for Aether, an AI creative studio, with dark-mode design, high-end animations (Framer Motion), and conversion-focused sections (hero, features, demo, pricing, testimonials). Whilst I think gemini is overall better at design, the model often struggles with syntax issues, tool calling and thinking for 2-3 times the amount of opus.

Dev Ed

62,878 views • 7 months ago

Grok 4.5 built this solar system simulation from just one prompt. Make a beautiful simulation of the universe and solar system. should be sped up with adjustable time, realistic motion, orbits, stars. use threejs. Make the HUD well styled and conform to modern design principles.
0:44

Grok 4.5 built this solar system simulation from just one prompt. Make a beautiful simulation of the universe and solar system. should be sped up with adjustable time, realistic motion, orbits, stars. use threejs. Make the HUD well styled and conform to modern design principles.

DogeDesigner

127,576 views • 2 months ago

I’ve started finger drumming as a new hobby, so I created a visualizer for it with Unity. It was made without coding—just using VFX Graph and Input System with a MIDI extension.
0:20

I’ve started finger drumming as a new hobby, so I created a visualizer for it with Unity. It was made without coding—just using VFX Graph and Input System with a MIDI extension.

Keijiro Takahashi

73,286 views • 1 year ago