Summary
This tutorial shows how to get Claude to produce polished 3D animated videos using Three.js, a free JavaScript library for building 3D graphics on the web. Unlike the frame-by-frame 2D approach covered in an earlier video, Three.js lets Claude describe a whole scene with objects, lights and a camera, and the library works out shadows, reflections and depth on its own.
The host starts with a simple prompt, a 15-second explainer on closed-loop data center cooling, which Claude Fable took about 12 minutes to build at high effort. To get more distinctive looks, the video introduces a free 3D style atlas with 37 copy-and-paste prompts, each including the code for a visual style and a JavaScript sound-effects library. Examples include a low-poly water cycle and a volcano explainer.
The video also covers adapting styles with brand colors or recurring characters, and turning a refined style into a reusable Claude skill. For voiceover-synced animations, the host generates narration in Google AI Studio with Gemini 3.8 Flash text-to-speech, asks Claude for an SRT transcript with timestamps, and uses it to line up the animation with the audio. It is a practical starting point for creators and educators making explainer videos with AI.
📺 Source: Futurepedia · Published November 12, 2026
🏷️ Format: Tutorial Demo
