# gsap-skills - 8 Claude Skills de greensock > Skills oficiales de GSAP para agentes de IA: core, timelines, ScrollTrigger, plugins, React, utils y frameworks. Instalación vía npx skills o Claude Code. Fuente: https://skillsagentes.com/skills/greensock/gsap-skills Markdown: https://skillsagentes.com/skills/greensock/gsap-skills.md 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. ## Instalar el pack entero ```bash npx -y skills add greensock/gsap-skills --agent claude-code ``` Instala los 8 skills en el proyecto actual. Añade `-g` para toda la máquina, y cambia `--agent` por `cursor`, `codex`, `gemini`, `windsurf` o `cline`. ## Qué cubre 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. ## Datos del repositorio - Publicado por: [greensock](https://skillsagentes.com/creators/greensock.md) - Skills indexados: 8 - Categorías: Herramientas para desarrolladores - Estrellas: 14728 - Licencia: MIT - Último push: 2026-07-29 - [Código fuente](https://github.com/greensock/gsap-skills) ## Los 8 skills - [Gsap Core](https://skillsagentes.com/skills/greensock/gsap-skills/gsap-core.md): 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. - [Gsap Performance](https://skillsagentes.com/skills/greensock/gsap-skills/gsap-performance.md): 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. - [Gsap Plugins](https://skillsagentes.com/skills/greensock/gsap-skills/gsap-plugins.md): 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. - [Gsap React](https://skillsagentes.com/skills/greensock/gsap-skills/gsap-react.md): 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. - [Gsap Scrolltrigger](https://skillsagentes.com/skills/greensock/gsap-skills/gsap-scrolltrigger.md): 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. - [Gsap Timeline](https://skillsagentes.com/skills/greensock/gsap-skills/gsap-timeline.md): Skill oficial de GSAP para timelines: gsap.timeline(), parámetro de posición, anidamiento y reproducción. Úsalo al secuenciar animaciones o coordinar keyframes. - [Gsap Utils](https://skillsagentes.com/skills/greensock/gsap-skills/gsap-utils.md): Skill oficial de GSAP para gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe y otras utilidades auxiliares. - [Gsap Frameworks](https://skillsagentes.com/skills/greensock/gsap-skills/gsap-frameworks.md): 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. ## Preguntas frecuentes - **¿Qué incluye gsap-skills?** 8 skills indexados en este directorio, repartidos entre 1 categorías, sobre todo Herramientas para desarrolladores. Cada uno es un SKILL.md con sus propios archivos, y en la lista de esta página tienes los 8 con enlace a su ficha. - **¿Cómo instalo todo el pack gsap-skills de una vez?** Con un solo comando: npx -y skills add greensock/gsap-skills --agent claude-code. Instala los 8 skills del repositorio en el proyecto actual. Añade -g al final para dejarlos disponibles en toda la máquina, y cambia --agent si usas Cursor, Codex, Gemini CLI, Windsurf o Cline. - **¿Puedo instalar solo uno de los skills?** Sí. Cada ficha de skill trae su propio comando con el selector --skill, así que puedes coger uno suelto sin traerte los 8. Es lo recomendable si solo necesitas una tarea concreta: cada skill instalado ocupa contexto en tu agente. - **¿Qué licencia tiene gsap-skills?** El repositorio declara licencia MIT. Los archivos son del autor; este directorio solo los indexa y enlaza al origen. - **¿Quién mantiene gsap-skills?** greensock, en GitHub. El último push al repositorio se registró el 29 de julio de 2026. --- [Todos los packs](https://skillsagentes.com/skills/packs.md) · [Todas las skills](https://skillsagentes.com/skills.md) Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)