# HyperFrames animation library (/hyperframes-animation)

/hyperframes-animation is a Claude Code skill in the Video & Motion section. It is maintained by heygen-com and published under the Apache-2.0 license. Collects motion rules, scene blueprints, transitions and the seven supported animation runtimes, including GSAP, Lottie and Three.js.

- Web version: https://skills.sgomez.dev/en/s/hyperframes-animation
- Section: [Video & Motion](https://skills.sgomez.dev/en/video.md)
- Author: heygen-com
- License: Apache-2.0
- Source: https://github.com/heygen-com/hyperframes/tree/5969c6894ba42f9cc55941503be51af2e96e2b3a/skills/hyperframes-animation
- Updated 28 Sept 2026

## How to ask for it

- `Add a polished entrance animation to this video title`
- `Audit the animation choreography in this composition and suggest fixes`
- `How do I animate this text with Lottie inside HyperFrames?`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's description

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

- [How we review this](https://skills.sgomez.dev/en/methodology.md)