Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

170,796 subscribers

94,732 Aufrufe • vor 3 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders
0:30

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders

AA

47,343 Aufrufe • vor 2 Monaten

Been thinking about sharing some fun, interactive science app ideas Made this one today UI design and planet textures GPT Images 2 Code Gemini 3.1 Pro
0:41

Been thinking about sharing some fun, interactive science app ideas Made this one today UI design and planet textures GPT Images 2 Code Gemini 3.1 Pro

Dilum Sanjaya

358,153 Aufrufe • vor 2 Monaten

Fun interactive science app ideas | Part 3 Played around with generating 3D biological structures and made an app to explore them interactively UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓
0:39

Fun interactive science app ideas | Part 3 Played around with generating 3D biological structures and made an app to explore them interactively UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓

Dilum Sanjaya

2,530,146 Aufrufe • vor 2 Monaten

Fun interactive science app ideas | Part 4 Made a turbofan jet engine airflow simulator UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓
0:40

Fun interactive science app ideas | Part 4 Made a turbofan jet engine airflow simulator UI Design GPT Images 2 Code Gemini 3.1 Pro More demos ↓

Dilum Sanjaya

131,574 Aufrufe • vor 1 Monat

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,881 Aufrufe • vor 9 Monaten

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

45,829 Aufrufe • vor 3 Monaten

Here's the full video on using Claude Code Skills with Nano Banana Pro and ThreeJS. I've also made the both Claude skills + prompts + source code FREE (check reply) Enjoy!
24:02

Here's the full video on using Claude Code Skills with Nano Banana Pro and ThreeJS. I've also made the both Claude skills + prompts + source code FREE (check reply) Enjoy!

Chong-U

148,393 Aufrufe • vor 6 Monaten

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

23,662 Aufrufe • vor 4 Monaten

Made with Veo 3.1 This AI law commercial video took a single prompt broken into 4 prompts to equal 8 seconds each. Prompt in the comments
0:23

Made with Veo 3.1 This AI law commercial video took a single prompt broken into 4 prompts to equal 8 seconds each. Prompt in the comments

FATHELA ESQ

40,588 Aufrufe • vor 13 Tagen

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,543 Aufrufe • vor 1 Jahr

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

31,072 Aufrufe • vor 9 Tagen

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,346 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

Introducing a Design System Agent, powered by Fable 5. Sync your components, typography, spacing, colors, rules. Share with your team, design anything. Watch me change everything within Duolingo's design system on Magic Patterns:
1:23

Introducing a Design System Agent, powered by Fable 5. Sync your components, typography, spacing, colors, rules. Share with your team, design anything. Watch me change everything within Duolingo's design system on Magic Patterns:

Alex Danilowicz

136,552 Aufrufe • vor 29 Tagen

I just made this with 2 prompts Creatives are cooked. RT and comment "prompt" and I'll send you the prompts I used.
0:53

I just made this with 2 prompts Creatives are cooked. RT and comment "prompt" and I'll send you the prompts I used.

Matt Epstein

35,455 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 17 Tagen

"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,519,899 Aufrufe • vor 1 Monat

This Claude Code proxy tool lets you see the system prompts 👀 It reveals some useful behaviours too: - Claude injects system reminders into user prompts - It automatically triggers the Read tool when a file changes mid-conversation (link below with more details)
1:43

This Claude Code proxy tool lets you see the system prompts 👀 It reveals some useful behaviours too: - Claude injects system reminders into user prompts - It automatically triggers the Read tool when a file changes mid-conversation (link below with more details)

Ian Nuttall

34,379 Aufrufe • vor 1 Jahr