Interactive 3D exploded-view smartphone with a slider and part details

GPT-6 Astra built a web explainer where a phone splits into layers with a slider and each part opens an info panel when clicked.

Claude Code + Three.js (code only)Wandy 2
Actual models · 360°Both from the same photo: left — one unedited Claude Code (Opus 5.5) run modelling it in Three.js code; right — Wandy 2.

Create detailed 3D models

Code alone gets you simple shapes. Wandy 2 turns one photo into a textured 3D model you can use in the same scene.

GPT-6 Astra prompt

Build an interactive 3D exploded-view visualization of a modern smartphone. Separate the device into its major components and let me explode/reassemble it with a slider. Clicking a component should isolate it and explain what it does. Include the battery, cameras, SoC, memory, display layers, speakers, sensors, antennas and logic board. Prioritize a beautiful Apple-like interface and satisfying interactions. Build, run, inspect and fix the complete experience.

How to use this prompt

  1. Paste the prompt into GPT-6 Astra in your coding agent and let it build and run the page.

  2. Change the device to a watch, drone or camera, and adjust the component list and interface style.

  3. You get a slider-driven 3D teardown; iterate on labels, camera moves and the explode animation.

Original postAre you the author? Ask us to edit or remove this page