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:show more

❤️‍🔥❤️‍🔥❤️‍🔥

Thank you. Let's go ♥️

@threejs Looks amazing! I started making those science demos hoping more people would build science related apps with AI, so it's really nice to see demos like yours

@threejs Thank you so much. Let's keep building such more science demos for better education for better future using AI 💪

@threejs So cool

@threejs Thank you so much 😃

@threejs The useful part is the boring asset chain: design image → organ images → 3D models → Codex. Most 'vibe coding' demos hide that middle, but that is exactly where the app becomes believable.

@threejs Maybe we can automate that "boring" asset chain using autonomous agents? But either way if AI can help us produce this kind of results, it's all WORTH it, right?

@threejs 900 MB → 28.6 MB is the real lesson. AI made the idea cheap enough to build; the browser forced it to become a product. Next test: give it to ten anatomy students. The first thing they misunderstand is worth more than the next hundred prompts.

@threejs I've already started sharing it with people I know who are studying these biology concepts 😄

@threejs Don’t ask if they like it—watch where they pause, misclick, or need an explanation. Those moments are the roadmap. One confused student is more useful than a hundred developers saying “cool demo.”

@threejs The 900MB to 28.6MB drop is where the actual product work starts. I'd still test decode time and memory on a low-end phone. Asset size can look solved while the browser quietly chokes.

@threejs I've tested it on my iPhone too and it's just freaking smooth. No lags.

@threejs Incredible execution. Seeing Tripo used to bridge the gap between 2D generation and interactive 3D education is exactly why we build these tools!

@threejs Thank you so much. Tripo is so easy and super amazing!!

@threejs This is so cool, man. Loved it… 👋

@threejs Thank you so much 😃

@threejs this should get adapted in our school education and syllabus..

@threejs Yess yess, this is how everyone should get to learn

@threejs React and Three, but no React Three Fiber? 🤔😄

@threejs Ah, my bad prompts. I miss it every now and then but I love React Three Fiber and drei ♥️

@threejs It is curious to me that the agent wouldn't try to go this route naturally and reduce the token usage.

@threejs Yeah that’s interesting. From an entropy reduction point of view, it should trend towards R3F. A good question for one of the harness engineers.

@threejs Great work!

@threejs Thank you 🫡

@threejs This is the kind of vibe coding demo I actually want to see. Not just another AI wrapper landing page, but something that makes a difficult subject easier to explore.

Not to be a downer, but are we sure all of the anatomical imagery and data are 100% accurate? That’s important to say the least. This is very cool but it’s only useful in the real world if experts in the field validate it.

We can definitely achieve high accuracy than this. There are lots of of research focused tools, like @Apodex_AI, that can help with that :)

@threejs This is exactly the kind of stuff AI should be used for.

@threejs

If I had a tool like this during school, I would have definitely taken anatomy and become a doctor. Unfortunately, I just became a simple aero engineer lol. The visuals are so amazing. I love this so much. Definitely gonna share with my mom who's a nurse. I think she'll definitely enjoy this.

@threejs Same here. I just couldn't understand visualize feel these concepts back in school, so I chose Math instead 😂 Do let me know what your mom thinks about it :D

It's like electrical engineering. You study electricity, you can't really see it, but it's there. That's why I went into mechanical engineering instead with structures and things that I can actually feel in my hand like 3D printing and machined parts. I keep thinking about a human heart. It's not something where you can just casually go and you know touch it with your hands, right? Lol. For sure. I think she'll definitely like it. It would be nice to see a cardiovascular system too.

@threejs The UI is beautiful, but generating organ images with AI and converting them to 3D creates something that looks anatomical, not something students can trust. This is exactly the hard part we focus on at Easy Anatomy. AI can build the interface — it shouldn’t invent the anatomy.

@threejs Hmm, I haven't verified everything in detail yet, but I think this could be useful for school and college students to some extent for sure :)

@threejs As a prototype, it’s impressive. My concern is that beginners are the least able to spot anatomical errors. Once it’s used for education, every structure and label needs a trusted source. Happy to share what we’ve learned building Easy Anatomy.

@threejs this might be the start of "programmable textbooks"

@threejs We're just getting started :D

@threejs Compressing 900MB of 3D assets down to 28MB while preserving quality is incredible work.

@threejs Genuine respect. Making anatomy learning this interactive is the kind of work that matters.

@threejs Not to crush the project it’s great work, but you know those diagrams are not anatomically, correct

@threejs It was just a simple image-to-3D conversion without using any of Tripe's advanced modeling features. I'm sure we could get a much more accurate result by providing multiple reference images from different angles, along with some additional details about the object

@threejs All high quality reference images are copyright protected afaik

@threejs This is a prime example of what vibe coding can actually achieve when executed properly.

@threejs Added an AI voice agent to this. It controls the entire 3D interface and provides real time anatomy tutoring

@threejs when I click cross section on the brain its empty which is exactly how my brain is - 10/10 recommend

@threejs Very impressive demo but dangerous for serious use. Medical tools especially learning tools are not something you can just vibecode. Most of these diagrams are inaccurate and should not be used by any self respecting school.

@threejs This is amazing. If you could simulate surgery on it it would be so meaningful

@threejs Simulate surgery? 😂

@threejs The human body is now 28.6 MB. The soul is still loading.

@threejs 🌐 Demo: 💻 GitHub:

@threejs this is where AI becomes a real learning tool, not just a demo

@threejs AI is the best thing happened to humanity, tbh!

@threejs wow so good!!

@threejs Thank you :D

@threejs Built a 3D anatomy app. Codex handled the optimisation. Nobody had to understand WebGL.

@threejs Yep, I told it to optimize the website to improve performance and it just did it :)

@threejs cool! we built something similar but using 3d models with poly-mesh expansions to learn about specific parts of any model a while back. any model turned into an interactive learning exp try it out with some preloaded models: cc: @kushpatell_

@threejs Really cool. How much does it cost to generate the 3D models?

@threejs Good question. Cost was between $1-2. I had bought starter plan of Tripo AI

@threejs you have unknowingly created an useful medical tool!! on top of it ,its super smooth

@threejs We can make it even better further 🔥

@threejs This is unreal amazing! Are you using Cursor and then accessing GPT 5.6 Sol...or is it a different stack?

@threejs I did all of this in Codex using GPT 5.6 sol :)

@threejs Solid!

@threejs Wow cool sir very interesting ❤️

@threejs Thank you so much 😃