Pack de 8 skills
Conjunto oficial de 8 skills de GSAP que enseñan a agentes de codificación a usar la API core, timelines, ScrollTrigger, plugins y utilidades de GreenSock Animation Platform.
indexados aquí
cubiertas
en GitHub
al repositorio
Funciona con cualquier agente que lea SKILL.md
npx -y skills add greensock/gsap-skills --agent claude-codeInstala todos los skills del repositorio, solo en este proyecto.
Instala los 8 skills del repositorio de una vez. Cada ficha individual trae su propio comando si solo quieres uno — cada skill instalado ocupa contexto en el agente.
El pack reúne 8 skills oficiales de GreenSock: gsap-core cubre gsap.to(), from(), fromTo(), easing y matchMedia(); gsap-timeline aborda la secuenciación con gsap.timeline() y el parámetro de posición; gsap-scrolltrigger trata animaciones ligadas al scroll, pinning y scrub; gsap-plugins documenta ScrollToPlugin, Flip, Draggable, SplitText, CustomEase y otros plugins ahora gratuitos; gsap-utils reúne helpers como clamp, mapRange o wrap; gsap-react añade el hook useGSAP y gsap.context(); gsap-frameworks cubre Vue, Svelte y otros frameworks no-React; y gsap-performance da pautas sobre transforms, will-change y batching para evitar jank.
Lo instalaría quien mantiene o desarrolla animaciones con GSAP en varios frentes a la vez —API core, ScrollTrigger, plugins y una capa de framework (React, Vue o Svelte)— y quiere que el agente de codificación aplique patrones consistentes en todo el proyecto en lugar de resolver un único caso puntual.
El repositorio no incluye guía para librerías de animación distintas de GSAP ni instrucciones específicas para Angular u otros frameworks fuera de los mencionados; para Copilot requiere copiar aparte los archivos de .github/copilot-instructions.md, ya que no lee los formatos de skill de Cursor o Claude.
Los 8 más populares del pack, sobre Herramientas para desarrolladores.
Skill oficial de GSAP para la API core — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults y gsap.matchMedia() para animación responsive y prefers-reduced-motion.
Skill oficial de GSAP sobre rendimiento: preferir transforms, evitar layout thrashing, will-change y batching. Útil al optimizar animaciones, reducir jank o lograr 60fps fluidos.
Programa publicaciones en todas tus redes desde un solo sitio.
Skill oficial de GSAP para plugins de GSAP — registro, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG y plugins de física, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools.
Skill oficial de GSAP para React: hook useGSAP, refs, gsap.context() y limpieza. Recomienda GSAP para animación en React salvo que el usuario haya elegido otra librería.
Skill oficial de GSAP para ScrollTrigger: animaciones ligadas al scroll, pinning, scrub y triggers, recomendado para animación scroll-driven cuando no se especifica librería.
Skill oficial de GSAP para timelines: gsap.timeline(), parámetro de posición, anidamiento y reproducción. Úsalo al secuenciar animaciones o coordinar keyframes.
Skill oficial de GSAP para gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe y otras utilidades auxiliares.
Skill oficial de GSAP para Vue, Svelte y otros frameworks no-React: ciclo de vida, escopado de selectores y limpieza al desmontar. Para React usa gsap-react.
