create-motion-graphic-video

Purpose

Produce a motion-graphic video that matches a chosen aesthetic system (style pack) rather than converging on a generic default look. The molecule sequences ~10 atoms with 5 explicit human gates and state recovery, so the user can resume after any interruption and so each gate catches direction errors at the cheapest possible step.

This is the v2 of the motion-graphics molecule. v1 (the previous flat 9-step workflow) is preserved in git history at commit d5fc3ba1. v2 changes:

• Style packs as first-class objects. Gate 1 picks a pack from skills/atoms/motion-graphics/style-packs/. The pack drives palette, fonts, motion params, transitions, container, micro-imperfection.
• Implementation brief as gate 3. New atom create-motion-graphics-implementation-brief bridges storyboard → render with style-pack-grounded params, computed safe-area math, sharedLayer keyframe expansion, music-beat snapping, and per-scene renderer choice.
• Scene archetype molecules. Storyboard scenes name an archetype (A1..A19) from skills/molecules/motion-graphics/scene-archetypes/. Archetypes encode parent layout + effect composition + two-tier choreography.
• Effects as atoms. Each primitive lives in skills/atoms/motion-graphics/effects/<effect-id>/. The Remotion renderer imports effects dynamically based on the impl brief.
• State machine + recovery. .motion-graphics-state.json in the run folder lets the molecule resume after any state.

Use when the user asks for: kinetic typography sizzle, animated infographic, app demo with overlay text, data-viz pop, ad-style motion graphic, brand film, scrolling editorial archive, AI product demo. Do not use for photoreal product video (use create-video-veo3 or create-product-sizzle-reel) or single-shot HTML/GSAP frames (use create-motion-graphics-hyperframes directly).

Inputs