正在加载视频...

视频加载失败

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

Casually vibe coded Trevor Noah's latest website "Books" page using Fable 5 😍 I really loved the effects and animations on the website and immediately wanted to see if I could recreate them with AI. Pretty close in just a couple of prompts, isn't it? Everything is built in... show more

The Bugged Dev

12,348 subscribers

238,530 次观看 • 1 个月前 •via X (Twitter)

艺术科学技术教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Jerrod Lew

33,687 次观看 • 3 个月前

This is for everyone who still thinks Gen3D is useless 🤣 I generated a koi fish with clean topology using Tripo but it was just a static mesh. No rig. No bones. Nothing. I wanted to animate it without touching Blender because I genuinely have no idea how to use Blender 😂 So I casually asked Claude if it could help me with it... And then Claude built THIS 🐟 A fish that swims, breathes, reacts to your cursor and even looks directly at you when you stop moving your cursor. It took a completely static 3D model and turned it into a fully animated fish with a swim cycle and subcarangiform kinematics. It even optimized the model and brought the file size down from 14.79MB to just 4.16MB. And also that water with ripple effects is built with TSL too. 60 FPS. WebGPU with WebGL2 fallback. All Three.js. This was inspired by Marina Budarina's website where I saw a fish swimming across the page. I immediately loved the idea and thought, "What if the fish actually felt alive, more immersive?" So I made it happen. And honestly, this is the kind of thing that makes me excited about what we can build with 3D on the web now. All thanks to AI! So for everyone who thinks you need to spend months learning Blender before you can build something like this, maybe it's time to rethink what Gen3D or AI is actually capable of :D Live: Code:

This is for everyone who still thinks Gen3D is useless 🤣 I generated a koi fish with clean topology using Tripo but it was just a static mesh. No rig. No bones. Nothing. I wanted to animate it without touching Blender because I genuinely have no idea how to use Blender 😂 So I casually asked Claude if it could help me with it... And then Claude built THIS 🐟 A fish that swims, breathes, reacts to your cursor and even looks directly at you when you stop moving your cursor. It took a completely static 3D model and turned it into a fully animated fish with a swim cycle and subcarangiform kinematics. It even optimized the model and brought the file size down from 14.79MB to just 4.16MB. And also that water with ripple effects is built with TSL too. 60 FPS. WebGPU with WebGL2 fallback. All Three.js. This was inspired by Marina Budarina's website where I saw a fish swimming across the page. I immediately loved the idea and thought, "What if the fish actually felt alive, more immersive?" So I made it happen. And honestly, this is the kind of thing that makes me excited about what we can build with 3D on the web now. All thanks to AI! So for everyone who thinks you need to spend months learning Blender before you can build something like this, maybe it's time to rethink what Gen3D or AI is actually capable of :D Live: Code:

The Bugged Dev

14,279 次观看 • 21 天前

Vibe coded something new today 😉 It’s a 3D Solana AI protocol website built using Gemini 3 Pro in Google AI Studio. All the Three.js models you see on the site have been built from scratch by AI using different geometries, PBR, Linear Interpolation, Lightformers (IBL), Shadows and more :D Live: Code:

Vibe coded something new today 😉 It’s a 3D Solana AI protocol website built using Gemini 3 Pro in Google AI Studio. All the Three.js models you see on the site have been built from scratch by AI using different geometries, PBR, Linear Interpolation, Lightformers (IBL), Shadows and more :D Live: Code:

The Bugged Dev

21,128 次观看 • 7 个月前

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:

This is one of the wildest things I have built with AI so far 😱 Asked Claude Fable 5 to create a fully interactive 3D crime investigation board using Three.js and it did it in ONE Prompt. It took one more prompt to give it a polished UI inspired by a reference design that I created with GPT Image. What surprised me most was not how it looked. It was how it worked. Fable built a complete Verlet rope physics system with 46 particles in every thread. It handled gravity, damping, distance constraints and all other features of file upload, text and everything. The threads/ropes even lift naturally with pinned evidence instead of clipping through it. I never asked it to implement any of that. I only described the experience I wanted. Maybe that's how we should work with AI. Instead of writing long long specs, we should explain what we want as an experience and let AI do its thing. Anyway, every day Fable 5 raises the bar for what I think AI can build. More to this Live: Code:

The Bugged Dev

104,917 次观看 • 2 个月前

A digital Promise Wall built with Claude Fable 5 in ONE PROMPT using Three.js 👀 I was watching a series the other day where the protagonist runs a beautiful cafe in the mountains. There was this lovely concept called a Promise Wall where visitors could leave their promises behind. As an introvert, I randomly thought it would be really cool to bring that idea into so called world of "bites & bytes",... and Claude built it in just a couple of minutes. Crazzzy 🤯 You can add lots of notes to the wall, choose different types, and move around the space with buttery smooth animations. It honestly feels ridiculously satisfying. So… do you have a promise to make? Go put it on the wall 🫶 Live: Code:

A digital Promise Wall built with Claude Fable 5 in ONE PROMPT using Three.js 👀 I was watching a series the other day where the protagonist runs a beautiful cafe in the mountains. There was this lovely concept called a Promise Wall where visitors could leave their promises behind. As an introvert, I randomly thought it would be really cool to bring that idea into so called world of "bites & bytes",... and Claude built it in just a couple of minutes. Crazzzy 🤯 You can add lots of notes to the wall, choose different types, and move around the space with buttery smooth animations. It honestly feels ridiculously satisfying. So… do you have a promise to make? Go put it on the wall 🫶 Live: Code:

The Bugged Dev

31,996 次观看 • 29 天前

And it works!!!!!!! 😍👌 Made a whole computer room from 1995 with Three.js on the web using Claude Code (on the server) in just a few hours I can connect to the internet and surf the web, play DOOM and mIRC and read the news, all in 3d now I like going super close to the screen and see the pixels I can't get blended occlusion to work yet though (so screen still shows as a perpetual overlay), maybe mrdoob knows how to fix And I have to figure out how to add that border-radius/distortion to the screen too But very nice progress for today 😊

And it works!!!!!!! 😍👌 Made a whole computer room from 1995 with Three.js on the web using Claude Code (on the server) in just a few hours I can connect to the internet and surf the web, play DOOM and mIRC and read the news, all in 3d now I like going super close to the screen and see the pixels I can't get blended occlusion to work yet though (so screen still shows as a perpetual overlay), maybe mrdoob knows how to fix And I have to figure out how to add that border-radius/distortion to the screen too But very nice progress for today 😊

@levelsio

458,821 次观看 • 1 年前

made a video about how i built a website with face tracking tried to share everything i had in 3:50: how the idea came together, figma layouts, prompts, the full tech stack, and how i drew the illustrations (built it with codex + claude code in cursor, three.js mediapipe matter.js.)

made a video about how i built a website with face tracking tried to share everything i had in 3:50: how the idea came together, figma layouts, prompts, the full tech stack, and how i drew the illustrations (built it with codex + claude code in cursor, three.js mediapipe matter.js.)

Eugene Y.

10,547 次观看 • 5 个月前

This is the full video showing what I made with Rork and Claude Fable 5. It’s super simple because I wanted to test Fable 5 using completely natural language (and even in Vietnamese) to see how well it would perform without any fancy prompts and it worked surprisingly well. I simply uploaded screenshots of Subway Surfers and told it to "clone this," and it did a pretty solid job. Also, Rork already has built-in integrations to generate game art, sound effects, and 3D models, so I didn’t use any external tools at all. It cost me around 500–600 credits. As I mentioned in my previous video, I wanted to test Claude Fable 5, and since I’m a Rork partner, I had free credits to use. Right now, instead of using Claude Code and then wiring up separate 3D tools and everything else which takes way too much time and $, I just use Rork to build everything and showcase it here. So yeah, that’s my workflow.

This is the full video showing what I made with Rork and Claude Fable 5. It’s super simple because I wanted to test Fable 5 using completely natural language (and even in Vietnamese) to see how well it would perform without any fancy prompts and it worked surprisingly well. I simply uploaded screenshots of Subway Surfers and told it to "clone this," and it did a pretty solid job. Also, Rork already has built-in integrations to generate game art, sound effects, and 3D models, so I didn’t use any external tools at all. It cost me around 500–600 credits. As I mentioned in my previous video, I wanted to test Claude Fable 5, and since I’m a Rork partner, I had free credits to use. Right now, instead of using Claude Code and then wiring up separate 3D tools and everything else which takes way too much time and $, I just use Rork to build everything and showcase it here. So yeah, that’s my workflow.

Alex Nguyen

93,028 次观看 • 2 个月前

Couldn't get enough of Claude Fable 5, so I challenged it to build a fully 3D mechanical engine platform and it just did!! 😱 And no, these aren't pre made Blender models. Nah. Fable generated everything from scratch using custom geometry, built entirely using Three.js Zero assets. One prompt. Crazzzzy results

Couldn't get enough of Claude Fable 5, so I challenged it to build a fully 3D mechanical engine platform and it just did!! 😱 And no, these aren't pre made Blender models. Nah. Fable generated everything from scratch using custom geometry, built entirely using Three.js Zero assets. One prompt. Crazzzzy results

The Bugged Dev

82,898 次观看 • 3 个月前

Grok Build is insanely capable You can just literally drop in a screenshot and have Grok Build help you clone, inspire, guide, or recreate the design and structure of almost anything I tested it with a screenshot of the new xAI website and it generated a website shockingly close from just the image alone

Grok Build is insanely capable You can just literally drop in a screenshot and have Grok Build help you clone, inspire, guide, or recreate the design and structure of almost anything I tested it with a screenshot of the new xAI website and it generated a website shockingly close from just the image alone

X Freeze

28,345 次观看 • 3 个月前

Everyone is using Fable 5 to build funny little demos so I decided to build something better. Vibe coded a 3D keyboard ecom platform in Three.js and GSAP. Every key. Every switch. Every color. Customizable in real time in 3D. It's really amusing that whole keyboard is built at runtime using Procedural geometry. To achieve that kind of realistic lighting on keyboard, it used a studio environment (gradient sky + softbox panels) rendered into a PMREM cubemap for realistic reflections. Opus helped a bit more here (as Fable was failing in loop in Claude chat) There is also custom GLSL shaders for RGB underflow/skirt and as well sRGB output encoding + explicit convertSRGBToLinear() on every material color so caps render at their exact swatch value. I don't know any of these techniques and concepts but I have had been reading how both Fable and Opus were trying to approach this by digging into their "thinking" phase. Go try it, there is a cool Claude theme keyboard you would want to purchase too :D Live: Code:

Everyone is using Fable 5 to build funny little demos so I decided to build something better. Vibe coded a 3D keyboard ecom platform in Three.js and GSAP. Every key. Every switch. Every color. Customizable in real time in 3D. It's really amusing that whole keyboard is built at runtime using Procedural geometry. To achieve that kind of realistic lighting on keyboard, it used a studio environment (gradient sky + softbox panels) rendered into a PMREM cubemap for realistic reflections. Opus helped a bit more here (as Fable was failing in loop in Claude chat) There is also custom GLSL shaders for RGB underflow/skirt and as well sRGB output encoding + explicit convertSRGBToLinear() on every material color so caps render at their exact swatch value. I don't know any of these techniques and concepts but I have had been reading how both Fable and Opus were trying to approach this by digging into their "thinking" phase. Go try it, there is a cool Claude theme keyboard you would want to purchase too :D Live: Code:

The Bugged Dev

98,323 次观看 • 2 个月前

🐰 i worked a lot with El Guincho. I got to listen to a lot of tracks and i was really wowed by just how fresh and new this was. One of the first thoughts i had was ‘wow, you can approach a song like this?’ and i felt a lot of pressure about how to make the best use of it. so that must be why i wanted to stay close, it was a totally a different vibe, a whole new vibe. i hope to work again and have another session with the producers and songwriters that we worked with

🐰 i worked a lot with El Guincho. I got to listen to a lot of tracks and i was really wowed by just how fresh and new this was. One of the first thoughts i had was ‘wow, you can approach a song like this?’ and i felt a lot of pressure about how to make the best use of it. so that must be why i wanted to stay close, it was a totally a different vibe, a whole new vibe. i hope to work again and have another session with the producers and songwriters that we worked with

jk.97

26,798 次观看 • 5 个月前

Decided to get in on the fun and vibe code a Halo-inspired FPS game using Three.js and strictly AI! Progress vid below. Using a combo of Grok 3, Claude Sonnet and o1. Lmk what you think! Planning to have it ready for @levelsio's #vibejam happening next week

Decided to get in on the fun and vibe code a Halo-inspired FPS game using Three.js and strictly AI! Progress vid below. Using a combo of Grok 3, Claude Sonnet and o1. Lmk what you think! Planning to have it ready for @levelsio's #vibejam happening next week

Ryan

91,807 次观看 • 1 年前

Something feels seriously off with Claude Fable 5.1 🙄 I recreated the exact same 3D stadium I had built with Fable 5 just to see how much better 5.1 would be. Instead, Fable 5.1 took more than > 1 hour and hit the max limit 2 or 3 times on a single prompt. Fable 5 basically had the whole website ready in one shot and its output was actually much better. Fable 5.1 felt good with metal but added these weird black things that look like basket wings... genuinely have no idea what those are. Not good. And this observation isn’t just for one website. I saw similar behavior with a much simpler hero page where Fable 5.1 maxed out on a single prompt, something I never really experienced with Fable 5 for similar other websites Also, 3D models and animations of that other website also looked noticeably worse compared to what Fable 5 used to produce. In fact, they were even worse than what I’ve seen Opus 5 do. I’ll keep testing it, but so far Fable 5.1 feels less like an upgrade and more like a regression to me, tbh.

Something feels seriously off with Claude Fable 5.1 🙄 I recreated the exact same 3D stadium I had built with Fable 5 just to see how much better 5.1 would be. Instead, Fable 5.1 took more than > 1 hour and hit the max limit 2 or 3 times on a single prompt. Fable 5 basically had the whole website ready in one shot and its output was actually much better. Fable 5.1 felt good with metal but added these weird black things that look like basket wings... genuinely have no idea what those are. Not good. And this observation isn’t just for one website. I saw similar behavior with a much simpler hero page where Fable 5.1 maxed out on a single prompt, something I never really experienced with Fable 5 for similar other websites Also, 3D models and animations of that other website also looked noticeably worse compared to what Fable 5 used to produce. In fact, they were even worse than what I’ve seen Opus 5 do. I’ll keep testing it, but so far Fable 5.1 feels less like an upgrade and more like a regression to me, tbh.

The Bugged Dev

98,232 次观看 • 10 天前

Kimi. Kimi. Kimi. 🔥 You can literally build a beautiful website in a couple of hours using Kimi.ai 3D effects, images, UI elements, everything gets generated on its own. You don't have to spend time finding assets, fonts, or any other design resources. This is the kind of intelligence I want from AI. Give it a prompt and a reference, and it should figure out the rest. Generate the assets, coordinate the sub agents, and ship a complete experience. That's the future. Live: Code: Design:

Kimi. Kimi. Kimi. 🔥 You can literally build a beautiful website in a couple of hours using Kimi.ai 3D effects, images, UI elements, everything gets generated on its own. You don't have to spend time finding assets, fonts, or any other design resources. This is the kind of intelligence I want from AI. Give it a prompt and a reference, and it should figure out the rest. Generate the assets, coordinate the sub agents, and ship a complete experience. That's the future. Live: Code: Design:

The Bugged Dev

30,824 次观看 • 1 个月前

🐰: i worked a lot with el guincho. i got to listen to a lot of tracks and i was really wowed by just how fresh and new it was. one of the first thoughts i had was 'wow, you can approach a song like this?' and i felt a lot of pressure about how to make the best use of it. so that must be why i wanted to stay close. so anyway… it was a totally different vibe. a whole new vibe. i hope to work again and have another session with the producers and the songwriters that we worked with.

🐰: i worked a lot with el guincho. i got to listen to a lot of tracks and i was really wowed by just how fresh and new it was. one of the first thoughts i had was 'wow, you can approach a song like this?' and i felt a lot of pressure about how to make the best use of it. so that must be why i wanted to stay close. so anyway… it was a totally different vibe. a whole new vibe. i hope to work again and have another session with the producers and the songwriters that we worked with.

jungkook admirer

32,393 次观看 • 5 个月前

Wanted to see how close I could get to the Medieval II: Total War map experience just by vibe coding I thought performance wouldn’t be great in the browser, given that it’s a 3D terrain map of all of Europe and the Mediterranean region But it works surprisingly well

Wanted to see how close I could get to the Medieval II: Total War map experience just by vibe coding I thought performance wouldn’t be great in the browser, given that it’s a 3D terrain map of all of Europe and the Mediterranean region But it works surprisingly well

Dilum Sanjaya

45,680 次观看 • 1 个月前

Introducing Claude Code for Marketing Just enter your website and in one click, it finds every place you're invisible in AI search and goes in to close the gaps for you. This is insanity.

Introducing Claude Code for Marketing Just enter your website and in one click, it finds every place you're invisible in AI search and goes in to close the gaps for you. This is insanity.

CrowdReply

25,774 次观看 • 2 个月前