Saltar al contenido
Por greensock

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.

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

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

Tras instalar con el script, escribe /gsap-core. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma

Demo en camino

↑↓ moverte · Enter abrir · Esc cerrar