# Zooms and camera moves (/hyperframes-keyframes)

/hyperframes-keyframes is a Claude Code skill in the Video & Motion section. It is maintained by heygen-com and published under the Apache-2.0 license. Adds punch-ins, zooms, reframes, Ken Burns effects and other 2D and 3D keyframes to a HyperFrames composition, with GSAP or CSS.

- Web version: https://skills.sgomez.dev/en/s/hyperframes-keyframes
- 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-keyframes
- Updated 28 Sept 2026

## How to ask for it

- `Add a Ken Burns zoom to this still image`
- `I need a camera punch-in synced to the music beat`
- `Create a whip-pan transition between these two scenes`

## 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

Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

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