Vibe-Coding a 3D Human Anatomy App with Three.js and GPT 5.6

Melvin Vivas · X video post · 2026-08-02 · Open on X

Topics: AI Dev Tools & Productivity, Portfolio Projects · Level: beginner

Summary

Melvin shares a 3D human anatomy learning app that someone vibe-coded with Three.js and GPT 5.6 Sol, starting from a single design image. It shows how AI coding can produce interactive educational tools.

Key points

• The app was built through vibe coding with GPT 5.6 Sol (ChatGPT).
• Three.js handles the 3D rendering.
• It started from one design image the author made.
• Interactive 3D apps are a strong format for education.

Resources mentioned

• Three.js · tool · x.com · free
  JavaScript 3D graphics library whose browser-rendered scenes can become video frames.
  Also in: Building a 3D Flight Scene with Sonnet in Cursor, three.js and 3D Models (Melvin Vivas on X · notes), Building a Three.js Scene with Claude Opus 5 in Claude Desktop (Melvin Vivas on X · notes), HyperFrames: Let Coding Agents Turn HTML into MP4 Videos (Melvin Vivas on X · notes), GLM-5.1 vs Claude Code (Opus 4.6): One-Shot Three.js Racing Game Eval (Melvin Vivas on X · notes)
• GPT 5.6 Sol · tool · openai.com · paid
  A GPT-family model available through an API, whose API and credit pricing was cut by over 20% for three months.
  Also in: Creator's Top 3 Closed Models: Fable 5, GPT 5.6 Sol, Grok 4.6 (Melvin Vivas on X · notes), Coworker v0.3.1: Telegram Streaming Sync, Built Fast with Codex (Melvin Vivas on X · notes), Coworker: Open-Source Grok Bot Clone Built on Pi and CopilotKit (Melvin Vivas on X · notes), GPT 5.6 Sol (medium) in ChatGPT for planning tasks (Melvin Vivas on X · notes) and 12 more

Try this

• Vibe-code an interactive 3D educational app (like human anatomy) with Three.js, starting from a single design image.