AI Video HyperFrames
Use the HyperFrames skill and CLI conventions. Establish the visual identity and complete static end-state layout before animation.
Build a 1080×1920, 30fps composition. HTML is the visual source of truth. Use fixed composition metadata and a paused synchronous GSAP timeline. Integrate approved character assets, illustrations, diagrams, captions and voiceover.
Requirements:
- Deterministic positions and timing; no
Math.random(), endless loops orrepeat: -1. - One explicit coordinate system per diagram.
- Stable safe areas for titles, captions and platform UI.
- Every scene has an entrance state. Add explicit paired transitions between scenes; keep exit animation for the final scene.
- Keep complex motion and audio polish for
$ai-video-motion-audio, but make the structure inspectable now.
Run HyperFrames lint, validate and inspect. Hand the composition and inspection notes to the motion stage.