# Animaciones GSAP en HyperFrames (/gsap)

/gsap es una skill de Claude Code de la sección Video & Motion. La mantiene nateherkai y se publica con licencia MIT. Referencia de GSAP para escribir animaciones en composiciones de HyperFrames: to, from, fromTo, easing, stagger, timelines y rendimiento.

- Versión web: https://skills.sgomez.dev/es/s/gsap
- Sección: [Video & Motion](https://skills.sgomez.dev/es/video.md)
- Autor: nateherkai
- Licencia: MIT
- Código: https://github.com/nateherkai/hyperframes-student-kit/tree/ec112ff27abb68ed2086640c18668af8ae1c1fc4/.claude/skills/gsap
- Actualizada el 25 sept 2026

## Cómo pedírselo

- `Cómo animo la posición de un elemento con gsap.to() en HyperFrames`
- `Necesito encadenar varias animaciones con un timeline de GSAP`
- `Ayúdame a optimizar el rendimiento de mis animaciones GSAP con transforms`

## Instalar

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


## Descripción del autor (traducida)

Referencia de animación GSAP para HyperFrames. Cubre gsap.to(), from(), fromTo(), easing, stagger, valores por defecto, timelines (gsap.timeline(), parámetro position, labels, anidación, reproducción) y rendimiento (transforms, will-change, quickTo). Úsalo al escribir animaciones GSAP en composiciones de HyperFrames.

- [Cómo revisamos esto](https://skills.sgomez.dev/es/methodology.md)