The Bugged Dev
@thebuggeddev • 12,297 subscribers
A Human Bugged by Bugs | Software Developer | Design Engineer | Building with AI | Learning Three.js 🥳
Shorts
Videos
Only if education could be this interactive ❤️🔥 I've had a looong wish to build something genuinely useful through vibe coding, and I finally did it. A 3D human anatomy application built with Three.js using GPT 5.6 Sol. It all started with a single design image that I created using GPT Image 2.0. I then used it to generate every 3D organ image, one by one. Next, I converted each of those images into 3D models using Tripo (and no, they didn't sponsor this 😄). After that, I opened Codex, wrote a master prompt based on the design, and gave it the prompt, the design image, and all the 3D models. Codex built the first version beautifully, but there was one big problem. Every single 3D model was nearly 120-150 MB. That obviously wasn't practical for the web and was giving a performance of 16fps. After a few iterations, Codex optimized each model down to roughly 2–5.5 MB while preserving the visual quality, reducing the total asset size from ~900 MB to just 28.6 MB. And each model loads on demand. Along the way, Codex also generated those anatomical illustrations showing where each organ sits in the human body, and even created the interactive hotspot markers that explain different parts of every organ. It handled all of that. The process wasn't exactly one shot, but it also wasn't difficult. You just have to do it step by step. It genuinely felt like building something that could make learning anatomy much more engaging. The inspiration came from Dilum Sanjaya's 3D animal plant cell project. I remember seeing it and thinking, "I want to build something like this one day." And I did it :D Live: Code:
The Bugged Dev2,088,094 views • 1 month ago
Why do we still buy stadium tickets without ever seeing what the view from the seat actually looks like? ☠️ So I prototyped an idea. A 3D seat view experience for a football stadium built with Fable 5 + Three.js, where you can preview exactly what you'll see from your seat before buying. The entire 3D experience was working after the first prompt, and the whole prototype came together in just five prompts. This is the kind of 3D experience I'd love to see more of, tbh. Feels so good. Right now, buying a ticket gives you almost no sense of what the experience will actually feel like. We're still relying on static seat maps, charts, and boring UI layouts, when interactive 3D experiences could make that decision so much easier. If you think, 3D development has the potential to create genuinely useful experiences. This feels like the direction we should be heading. 3D is the future. I can already imagine this for cinemas, cricket stadiums, Wimbledon, concerts, and so many other venues. I'm planning to take this further. What should I build next? More stadium features, or should I try another venue? Let me know :D Code: Live:
The Bugged Dev1,756,632 views • 1 month ago
My honest take on Kimi.ai K3 👀 As soon as I got access to Kimi, I put it through the exact same 3D football stadium challenge I had previously given Claude Fable 5. Fable 5 finished in under an hour. Kimi took almost 3 hours 🥵 At first, that was a very bad impression but i decided to see what's taking it this much of time. It was running E2E tests, validating desktop, tablet, and mobile, taking screenshots, finding failures, fixing them, even adapting for low end hardware and low FPS before moving on. All these that Fable 5 never did. None of it because it wasn't able to run this WebGL app on a headless browser. Kimi also shipped a clean React + Three.js codebase with proper components while Fable, as you might have checked codebase, generated one big HTML file with everything stuffed in. With all of this happening, it felt like I was doing more "Vibe Coding" with Fable 5 and more "Vibe Engineering" with Kimi K3. It feels like it's spending more time making sure the code actually works and easily scalable. Really impressed so far. More Kimi K3 experiments coming soon. Code (Kimi): Code (Fable): Live (Kimi hosted):
The Bugged Dev578,746 views • 1 month ago
I genuinely don't have any words for this 🤯 Just ONE image of a robotic bee and somehow got this incredibly gooood 3D model with great topology. No prompt. No rework. No retries. Nothing else. This kind of thing could have taken weeks of modeling, retopology and iteration. Or maybe more. Damnn Now anyone with a crazy enough idea can just make beautiful things. Anyone. That honestly feels insane. What a time to be alive!!
The Bugged Dev52,168 views • 8 days ago
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 Three.js with no 3D assets for the books. Claude built the whole thing using pure math and animated it nicely with GSAP. Feels so realistic and close to real book. Pretty fun to see how close you can get to the kind of work agencies charge thousands of dollars for, just by describing what you want :D Live: Code:
The Bugged Dev234,443 views • 1 month ago
Your our history shouldn’t be taught in a boring way 🫠 I’ve always loved history, but I could never imagine what life actually looked like back then. So I built Empire Atlas, a 3D interactive explorer of 8 historical empires using Three.js and Kimi.ai K3 🔥 It lets you explore how people lived, what their homes looked like, their maps, daily life, interiors, and more. Properly researched. But the craziest part is that this was near one shot vibe coded with Kimi K3 🤯 When I previously built a 3D anatomy app with GPT 5.6 sol, I had to iterate on performance and optimization. With Kimi, the moment I handed over the 3D assets (generated using Tripo), prompt and design (by GPT Image 2.0), it created an 11 step engineering plan to build the entire thing. The very first step it did was optimizing the assets. It took nearly 500MB of 3D assets and brought them down to just 17.8MB using mesh simplification, Draco compression, and 1024px WebP textures. Absolutely nuts. It also generated 56 historical images across the 8 empires showing daily life, maps, interiors, and more using its image plugin with batch processing. Those were converted to WebP too, bringing the total image size to around 10MB. That’s a huge reason the experience loads so fast on website. It's engineering workflow or intelligence has really impressed me so far. The only downside is that it took more than 5 hours, though 😅 Anyway, back to history. In Empire Atlas, you can explore 8 different empires and see how people and our ancestors lived at that time. I really love those textures I was able to create using Tripo. You can explore their homes in 3D, and there’s so much more we could do with this. We could extend these houses into fully explorable interiors and create increasingly realistic reconstructions of what life actually looked like. And maybe create fun education games too. I genuinely think this can make history education so much more immersive. Much more than showing black and white images in boring textbooks. Go explore your history now 👇 Live: Code:
The Bugged Dev119,175 views • 22 days ago
You won't believe but Fable 5 one shotted this ❤️🔥 It's an infinite physically rolling paper strip that prints an endless images in its wake built in Three.js entirely. I had seen this concept on Pinterest and thought, "This would be incredible if it were real." and gave that idea to Claude, and within minutes I had this. It's so so easy to bring ideas to life using AI these days. Live: Code:
The Bugged Dev224,712 views • 1 month ago
How many of you actually know how "what you eat" grows? 🤔 I never learned crop science in school. I learned it by walking around our farm with my father, who showed me different crops and explained how they grow. But not everyone has access to a farm, so I built a 3D Crop Science application in Three.js using Claude Opus 5 to make that learning experience more visual and interactive. It is an exploration of different types of seeds where each seed has three different stages. The first stage shows the whole seed. The second stage is a cross section that shows what is inside the seed and how it grows. The third stage shows the germination phase through a 3D model. There are 24 models in total. The original models were 1,349.6 MB, which Claude optimized down to just 11.6 MB in total. All of the 3D models were generated using Tripo. Claude also created visual information for each seed showing details like seed type, storage tissue and germination phase. Each seed also has a YouTube video that shows how it actually grows in the real world. There is also a section showing where each seed is commonly grown using both a 3D globe and a flat map. You can explore different regions and click on specific areas to see more information about where that seed is grown. The entire experience is fully responsive and also includes quizzes that you can take in both normal and 3D formats. I strongly believe education becomes much more effective when you can see, interact, watch and explore instead of relying only on textbooks. Live: Code:
The Bugged Dev44,469 views • 10 days ago
Are we going to say bye bye to Blender in the future? We’re still REALLY early in AI 3D modeling, yet AI can already generate surprisingly clean 3D topology from a single image. It’s far from perfect, but the direction is pretty insane. And this is probably just the beginning, isn't it? 👀
The Bugged Dev51,077 views • 15 days ago
5M Edge requests. 2K GitHub stars. In just 7 days. 🤯 You all loved this vibe coded project way more than I ever expected. Thank you so much ❤️ To celebrate the milestone, I've added two new features using Claude. First, interactive quizzes. Instead of simply answering questions in boring style, you now have to locate things on the organ. Where is the aorta? Which one is the left ventricle? A completely new fun way to do quizzes. Second, multilingual support with RTL support, something many of you have been asking for. For example, when you switch to Arabic, the entire experience automatically shifts from right to left. I’m planning to add more features, improve the models, and make the experience even more detailed. If you have any feature requests, let me know. And thank you alli and Vercel for supporting my lil project ♥️
The Bugged Dev71,695 views • 24 days ago
Eh, i'm really not impressed by GPT 5.6 sol lol. Asked it to recreate a 3 screen app design with image generation skill. Given how well it performs on benchmarks, I expected a lot more but the results were pretty ehhh. Not even close. Maybe I need to try harder but then... wasn't it supposed to do better?
The Bugged Dev153,171 views • 1 month ago
You don't need to be a 3D artist to start building 3D websites anymore 💛 Built this cool 3D jet drone website in Three.js using Claude Opus 5 and Tripo 🔜 gamescom in < 1 hour. A lot of people still think AI is great for generating code, but not for building something that actually feels polished and interactive or "complex". But it has been changing super fast these days. The model you see here is only 946KB, compressed from its original 13.6MB size automatically by Claude without losing any quality. This kind of intelligence has been developed in many other AI tools for anything related to 3D (except GPT 5.6 sol lol). You just have to describe what you want and they handle everything "engineerly" (that's not even a word but okay :D) Anyway, also you don't really have to learn anything about 3D modeling to create these models. All you need is a good image and put it in Tripo. For this case, i generated model using "smart mesh" feature that generated a cleaner low-poly topology and edge flow. That helps keep your actual 3D asset even more lightweight. Earlier, with HD model feature, my model size with 8k texture was around 60-70MB but with Smart Mesh, it's around 13-16MB with 8k texture applied separately. Of course, this isn't something I knew from the beginning. All I did was "try" out different features and see what happens. Live: Code: Design:
The Bugged Dev49,863 views • 18 days ago
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 Dev104,609 views • 1 month ago
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 Dev98,323 views • 2 months ago
I've vibe coded a lot of things, but this is the freaking best BEAST I've built using Claude Fable 5 ❤️🔥 A 3D realistic chalkboard built with Three.js. Like Excalidraw, but with "chalk." I never, ever thought this would be possible, but Fable did it. It prototyped the whole thing in ONE prompt. Then I just kept adding more and more features without even knowing how it was building everything. I was flying. It's developed using complex 3D graphics concepts like ray casting, fog, 2D affine transformations, state machines, typographic clustering, and much more. I've always loved drawing on blackboards and chalkboards since school and college, and I used to miss that feeling whenever I typed or brainstormed on a whiteboard. Now, I DON'T. It already has all the features you'd expect from a whiteboard like Excalidraw, and I'm planning to add even more over the coming days. Maybe I'll even launch it as a proper product. Let me know if you would love to try this :D Go chalk something. Link:
The Bugged Dev78,226 views • 1 month ago
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 Dev31,996 views • 19 days ago
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 Dev82,898 views • 2 months ago
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 Dev30,210 views • 27 days ago
For anyone who believes AI cannot build multi page complex applications, here is my proof. A fully functional 20 page dashboard created with Gemini 3.1 Pro inside Google AI Studio 🔥 It did not take a day or even half a day. It took me less than an hour to complete it in 17 total iterations. The UI design is inspired by Salung Prastyo and the rest pages were generated entirely by Gemini following same design system. More features coming soon 🔜
The Bugged Dev167,602 views • 6 months ago