Building Interactive 3D Teardowns from a Single Image Using Claude Skills and Three.js
A workflow demonstrating how Claude Opus 5.5 and Three.js code turn a single reference picture into an interactive 3D teardown containing 260 small pistons, hos
Creator Elvar (@elvar_official) has shared a workflow combining a Claude skill and Opus 5.5 to build an interactive 3D teardown from a single reference image, with 260 tiny pistons, hoses, screws, and wires beneath its main gears.
Image source: Elvar (@elvar_official)
Image Credit: Elvar Official X
The post shows a single-image workflow in which Opus 5.5 builds a coded 3D teardown and matches its render against the picture.
Three.js Code Generation via a Claude Skill
The creator packaged their entire 3D workflow into a single Claude skill.
- Reference Matching: A single reference image sets the look, while every shell, gear, and hose is built in Three.js code.
- Multi-Round Comparison: Before making any video, Opus matches its render side by side against the reference image for three rounds.
- Dynamic Assembly: 260 tiny pistons, hoses, screws, and wires sit beneath the main gears. A part comes apart every 2–3 seconds, and pulling a leg flips its servo bar to 'DETACHED'.
Seven Simulations and Public Playground
The creator says they built seven such simulations in two days, and that the simulations are live on their playground.
Original Source
- Elvar Official X (@elvar_official): 2026-10-31 Claude 3D Teardown Workflow Announcement