What problem does it solve? Reusable assets like wheels, gauges, smoke, and character gestures need self-contained internal animation, but hand-coding that motion with GSAP for every scene is repetitive and error-prone. This Skill routes pre-baked Lottie/dotLottie animations into HyperFrames world-motion explainers without breaking scene choreography or render determinism. ## Core Features & Use Cases - Decision guidance: Distinguishes when to use Lottie (internal asset motion like a spinning wheel or rising smoke) versus plain SVG + GSAP (world-level travel, collision, and cause-and-effect motion). - Deterministic runtime contract: Enforces HyperFrames rules such as autoplay: false, synchronous player registration on window.__hfLottie, and seek-driven playback instead of wall-clock timers. - dotLottie asset tooling: Uses the shared dotlottie-io toolkit to inspect, create, or modify .lottie files, then copies the result into the project's assets/ folder. - Use Case: While building a factory explainer video, add a looping pump-cycle Lottie animation inside a machine layer while HyperFrames and GSAP still control camera travel and scene timing. ## Quick Start Use the lottie-motion skill to add a deterministic Lottie wheel animation to my HyperFrames world-motion video.
