# GSAP animation in HyperFrames (/gsap)

/gsap is a Claude Code skill in the Video & Motion section. It is maintained by nateherkai and published under the MIT license. A GSAP reference for writing animations in HyperFrames compositions: to, from, fromTo, easing, stagger, timelines and performance.

- Web version: https://skills.sgomez.dev/en/s/gsap
- Section: [Video & Motion](https://skills.sgomez.dev/en/video.md)
- Author: nateherkai
- License: MIT
- Source: https://github.com/nateherkai/hyperframes-student-kit/tree/ec112ff27abb68ed2086640c18668af8ae1c1fc4/.claude/skills/gsap
- Updated 25 Sept 2026

## How to ask for it

- `How do I animate an element's position with gsap.to() in HyperFrames`
- `I need to chain several animations with a GSAP timeline`
- `Help me optimize my GSAP animation performance using transforms`

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

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

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