// Content production · Tech //

The look has three signatures. A low-poly clay 3D scale model, made of simple matte pieces, almost all white and gray with a single orange accent, floating in midnight blue with bokeh dust and strong depth of field, which gives it a miniature feel. A “how it works” HUD: a header in a spaced mono font, a pill chip with the chapter name, labels that track the parts with a thin leader line, dark panels, and a tilted orange stamp. And a caption that lights up word by word, from gray to white, with a camera that drives the explanation chapter by chapter, opens the model in a cutaway, and separates the parts in an exploded view. In the example, 11 seconds explain how a hydroelectric plant works: the dam holds back the river, the water drops through the penstock, pushes the turbine that spins the generator, and the power travels along the lines until the city lights up. The skill builds the model in three.js with a style library (terrain, water, trees, a city that lights up, towers, cables, pipes, turbine, generator, gears, cars, houses, and figures, plus boxes, cylinders, and spheres for new parts), with animated flows running through pipes and cables, renders frame by frame with Playwright and ffmpeg, and synthesizes the soundtrack and effects. It also includes a catalog with every part in the library in a single frame. Requirements: Node 20 or newer, ffmpeg, python3, and WebGL2 in Playwright's Chromium (on the Mac, through Metal).

• Data · 9:16 · 11 s
• Runs in Claude Code
• Advanced