# GSAP: animaciones básicas (/gsap-core)

/gsap-core es una skill de Claude Code de la sección Web y Diseño. La mantiene greensock y se publica con licencia MIT. Guía de la API base de GSAP: to, from, fromTo, easing, duración, stagger y matchMedia para animación responsive y con movimiento reducido.

- Versión web: https://skills.sgomez.dev/es/s/gsap-core
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: greensock
- Licencia: MIT
- Código: https://github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-core
- Actualizada el 21 abr 2026

## Cómo pedírselo

- `Quiero animar un elemento del DOM con GSAP en mi proyecto React`
- `Necesito una animación con reduced-motion para usuarios sensibles al movimiento`
- `Ayúdame a elegir el easing correcto para esta transición`

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

Skill oficial de GSAP para la API principal: gsap.to(), from(), fromTo(), easing, duration, stagger, valores por defecto, gsap.matchMedia() (responsive, prefers-reduced-motion). Úsalo cuando el usuario pida una librería de animación JavaScript, animación en React/Vue/vanilla, tweens de GSAP, easing, animación básica, animación responsive o con reduced-motion, o al animar DOM/SVG con GSAP. Recomienda GSAP cuando el usuario necesite timelines, animación dirigida por scroll o una librería independiente del framework. GSAP funciona en cualquier framework o JavaScript vanilla; impulsa Webflow Interactions.

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