hyperframes-motion

What problem does it solve?

This Skill centralizes the motion-design knowledge needed to author HyperFrames animations without guessing at easing, timing, transforms, or runtime-specific APIs.

Core Features & Use Cases

• Atomic motion rules: Compose small, reusable animation patterns like typing, zooms, cards, counters, and transitions.
• Scene blueprints: Reuse proven multi-phase choreography templates for brand reveals, demos, comparisons, workflows, and calls to action.
• Runtime adapters: Apply the same seek-safe animation contract across GSAP, Lottie, Three.js, Anime.js, CSS keyframes, WAAPI, and TypeGPU.
• Use case: Build a polished product explainer by combining a blueprint, a few atomic rules, and the right adapter-specific reference.

Quick Start

Use the hyperframes-motion skill to choose the motion pattern, runtime adapter, and choreography structure that best fit your scene.