正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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.

Meng To

174,325 subscribers

95,671 次观看 • 3 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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:

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 次观看 • 3 个月前

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:

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 次观看 • 10 个月前

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

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

Motionfly

37,727 次观看 • 2 个月前

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

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 次观看 • 5 个月前

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" 👇

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,599 次观看 • 1 年前

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

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 次观看 • 28 天前

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.

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,436 次观看 • 2 年前

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 次观看 • 1 年前

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.

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 次观看 • 1 个月前

"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

"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,529,791 次观看 • 1 个月前

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.

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

113,663 次观看 • 1 个月前

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.

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,391 次观看 • 5 个月前

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.

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,267 次观看 • 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.

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 次观看 • 1 年前

Pi was built when there were already agent harnesses around. Here’s why Mario Zechner(Mario Zechner), found them suboptimal and built Pi, a minimalist self-modifying agent: #1 - Mario initially was a believer in Claude Code: "I was a believer in Claude code because they were the first that packaged agentic search up in a really compelling package. And at the time that fit my workflow really well. Everything around the LLM was kind of nice and tidy and easy to understand. I was super happy. I was proselytising Claude code." #2 - Reverse engineering Claude Code highlighted the degradation that Mario felt as a user: "I personally like simple tools that are stable and that I can rely on. Even if they have non-deterministic parts, all the deterministic parts should be as stable as possible. That was just not the experience with Claude Code around summer 2025. They would take away your control of the context. They would inject stuff behind your back, which is bad. Then, your workflows stopped working because there's now a system reminder that you don't even see in the UI that would modify the behaviour of the model. They would also do this to the system prompt. I built a little service where I can track the progression or evolution of the system, prompt and tool definitions and, with every release, it was messing with stuff. That just messed with my workflows and I don't appreciate that." #3 - PI was built with an appreciation for simple and reliable tools: "If I commit to a development tool, I want it to be a stable, reliable thing like a hammer. I don't want my hammer to break a different spot every day. That's terrible. We need somebody who goes the full velocity kind of way. But I don't want to work with a tool like that."

Pi was built when there were already agent harnesses around. Here’s why Mario Zechner(Mario Zechner), found them suboptimal and built Pi, a minimalist self-modifying agent: #1 - Mario initially was a believer in Claude Code: "I was a believer in Claude code because they were the first that packaged agentic search up in a really compelling package. And at the time that fit my workflow really well. Everything around the LLM was kind of nice and tidy and easy to understand. I was super happy. I was proselytising Claude code." #2 - Reverse engineering Claude Code highlighted the degradation that Mario felt as a user: "I personally like simple tools that are stable and that I can rely on. Even if they have non-deterministic parts, all the deterministic parts should be as stable as possible. That was just not the experience with Claude Code around summer 2025. They would take away your control of the context. They would inject stuff behind your back, which is bad. Then, your workflows stopped working because there's now a system reminder that you don't even see in the UI that would modify the behaviour of the model. They would also do this to the system prompt. I built a little service where I can track the progression or evolution of the system, prompt and tool definitions and, with every release, it was messing with stuff. That just messed with my workflows and I don't appreciate that." #3 - PI was built with an appreciation for simple and reliable tools: "If I commit to a development tool, I want it to be a stable, reliable thing like a hammer. I don't want my hammer to break a different spot every day. That's terrible. We need somebody who goes the full velocity kind of way. But I don't want to work with a tool like that."

The Pragmatic Engineer

62,825 次观看 • 2 个月前

Made with Veo 3.1 This is my first set of tests with Veo 3.1 inside Flow by Google This was a combination of image and text to video I'm noticing more dynamic motion and the new Expand prompt feature is pretty clutch. More soon.

Made with Veo 3.1 This is my first set of tests with Veo 3.1 inside Flow by Google This was a combination of image and text to video I'm noticing more dynamic motion and the new Expand prompt feature is pretty clutch. More soon.

Dave Clark

84,201 次观看 • 9 个月前

I've been fascinated with Apple's Dynamic Island and how fluid the entire system is. The web should also have nice things, so I built a web version of this with a couple of components and states. Made with Nextjs and Matt Perry's motion.

I've been fascinated with Apple's Dynamic Island and how fluid the entire system is. The web should also have nice things, so I built a web version of this with a couple of components and states. Made with Nextjs and Matt Perry's motion.

Seyi

10,839 次观看 • 1 年前

I wanted to better understand how Claude Code is wired under the hood, so I captured its API requests and pulled out the system prompt and tool definitions. Also posting the full thing as a gist below if you want to dig in!

I wanted to better understand how Claude Code is wired under the hood, so I captured its API requests and pulled out the system prompt and tool definitions. Also posting the full thing as a gist below if you want to dig in!

Sergey Karayev

85,545 次观看 • 1 年前