Anatomy — one line becomes a living machine · Launch Video Breakdown: Hook, Pacing & Motion Design
Scene-by-scene timeline & spoken transcript
The Hook
Name an Idea
“(No spoken dialogue — ambient instrumental audio)”
- On screen
- Name an idea / Claude builds the machine that explains it / /anatomy / Here is one
- Camera
- Smooth forward dolly into a dispersed gallery of technical cards, locking onto the turbofan.
- Motion
- Layered parallax depth zoom with floating isometric diagram previews.
Problem Agitation
Single-Line Prompting
“(No spoken dialogue — keyboard keystroke audio)”
- On screen
- You type Claude Code > /anatomy explain how a big airliner turbofan engine like the A380's makes thrust, interactive / 01 You type one line. Plain words, in Claude Code.
- Camera
- Static terminal card focus.
- Motion
- Monospaced character typing animation.
Product Reveal
Part-by-Part Vector Assembly
“(No spoken dialogue — rhythmic technical ticks)”
- On screen
- /anatomy explain how a big airliner turbofan engine like the A380's makes thrust, interactive • SVG WebGL 3D No. 21 Turbofan ground run Drawing: Shafts 0 of 220 parts 0 of 1725 lines Drawing: Turbine 31 Drawing: Compressor 101 Drawing: Nacelle 142 Drawing: Test cell 182 Drawing: Complete 220 of 220 parts 1725 of 1725 lines 02 Claude draws the machine. Part by part, 220 of them.
- Camera
- Fixed isometric perspective framing.
- Motion
- Progressive SVG path-draw stroke interpolation synchronized with counter metrics.
Feature Teaser
Interactive Ignition & Throttle
“(No spoken dialogue — turbine spool and jet rumble sounds)”
- On screen
- Thrust · idle 14 kN N1 21.0% · TGT 367°C Throttle 0% 03 The engine lights. Shaders in the drawing's own camera. 04 You open the throttle. Drag across the engine. Thrust · spooling up 44 kN 184 kN 319 kN 332 kN Thrust · take-off 334 kN N1 95.6% · TGT 850°C Throttle 100% Interactive, as asked
- Camera
- Static with subtle isometric camera micro-shake at full throttle.
- Motion
- Cursor scrub interaction driving WebGL flame shaders, particle airflow, and gauge counters.
Feature Teaser
Substation Disconnector Arc
“(No spoken dialogue — electrical hum and arc buzz)”
- On screen
- /anatomy explain how a power station generator puts power on the grid and why a disconnector must never break current, interactive No. 22 Power station Output · on the grid 660 MW 20.4 kA 05 Another line, another machine. Open a disconnector on load. Arc · drawn on load 3.6 m 6.3 m 7.8 m 7.9 m breaker open 1.12 kA · slow motion *1/10 Arc · cleared at current zero 7.9 m breaker open
- Camera
- Static perspective framing the substation model.
- Motion
- Interactive switch toggle triggering procedural purple electric plasma shaders and arc length gauges.
Product Reveal
Machine Gallery Array
“(No spoken dialogue — gentle synth swell)”
- On screen
- 33 machines, each from a single line Tokamak the CSS box model Watch explain merge sort explain binary search Forge and hammer Seasons Web map Reactor
- Camera
- Camera pulls back smoothly to reveal a sprawling isometric card array.
- Motion
- 3D coordinate un-stacking with soft fade-ins.
Call to Action
Skill Installation Command
“(No spoken dialogue — subtle snap)”
- On screen
- Anatomy Name an idea, and Claude builds the machine that explains it. npx skills add wheresryan22/anatomy A Claude skill for Claude Code · 33 figures · MIT
- Camera
- Center lockup zoom-in settling on title card.
- Motion
- Serif header scale-up, pill container pop, and Michelangelo touch illustration slide-in.
Motion design primitives
Synthesizable in Remotion · key components of the interactive-blueprint-showcase template.
ProgressiveVectorDraw
Line art paths reveal progressively as numerical line and part counters tally upward.
+ Code construction recipe
Bind strokeDashoffset to currentFrame mapped through interpolate, incrementing an on-screen state counter.
ShaderGaugeDriver
Cursor drags across model, spooling thrust telemetry and scaling animated canvas exhaust shaders.
+ Code construction recipe
Use spring-smoothed cursor position to modulate shader uniforms and numerical text readout.
GalleryCanvasPullout
Single focal view zooms outward into a clean grid of interactive schematic cards.
+ Code construction recipe
Wrap items in an AbsoluteFill container animated along z-index using interpolate() with easeOutQuad.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Premise
Purpose. Establish that simple prompts generate complete mechanical systems.
Execution. Zoom through diverse technical diagram cards.
- 2
Single Prompt Input
Purpose. Demonstrate simplicity of CLI interaction.
Execution. One-line terminal typing sequence.
- 3
Procedural Construction
Purpose. Prove generative assembly depth and accuracy.
Execution. Vector wireframes render part-by-part with counters.
- 4
Interactive Simulation
Purpose. Highlight working dynamic mechanics.
Execution. Manual throttle drag and electrical switch disconnection.
- 5
Catalog & CTA
Purpose. Showcase breadth and provide direct installation terminal command.
Execution. 33-figure gallery pullout followed by minimal install lockup.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Interactive mechanical watch movement explainer for a horology app.How the recipe adapts
Terminal prompt asks for an automatic tourbillon escapement. SVG line renderer draws gears and balance wheel. Cursor winds the crown, speeding gear rotation and ticking balance telemetry.Remix blueprint · interactive-blueprint-showcase
Scene durations (6 scenes, 34s)
Key Remotion components
Related AI & ML Product Launches
Explore all AI & ML launches →
Introducing Griffin, the first AI to pass the video Turing test
The most emotive and controllable TTS model
Always-on agents built to handle everything