Repolode
greensock

greensock/gsap-skills

Skills oficiales para agentes de IA que enseñan a los asistentes de programación a usar correctamente la biblioteca de animación GSAP, incluidos su API principal, timelines, ScrollTrigger y plugins.

Estrellas
16,627
Forks
999
Issues abiertos
13
Último commit
hace 3 meses

¿Qué es?

GSAP AI Skills es un conjunto de archivos Agent Skills del equipo de GreenSock para GSAP (GreenSock Animation Platform). Cada skill es una guía específica que un agente de programación con IA carga para escribir código GSAP según las prácticas previstas por la biblioteca. Abarca tweens, timelines, ScrollTrigger, plugins, gsap.utils, React y otros frameworks, además de rendimiento.

Las skills se instalan con el CLI skills o se copian en el directorio de skills de un agente, y funcionan con Cursor, Claude Code, Codex, Windsurf, Copilot y otros agentes. El repositorio también incluye un archivo de instrucciones para Copilot, pensado para proyectos que no pueden cargar Agent Skills directamente. Todos los plugins que documenta se instalan desde el paquete público gsap de npm.

Funciones clave

  • 01Abarca tweens principales, easing, stagger y valores predeterminados en gsap.to, from y fromTo.
  • 02Explica la secuenciación de timelines, los parámetros de posición, las etiquetas y la anidación.
  • 03Guía sobre el uso de ScrollTrigger, incluidos pinning, scrub y refresh.
  • 04Incluye instrucciones para plugins como Flip, Draggable, SplitText, ScrollSmoother y otros.
  • 05Ofrece patrones para usar useGSAP y gsap.context en React, con una limpieza adecuada.

Casos de uso

  • Permitir que un asistente de programación con IA genere animaciones con GSAP controladas por el desplazamiento.
  • Mantener el código GSAP generado por IA alineado con los patrones recomendados por la biblioteca.
  • Añadir animaciones GSAP a proyectos de React, Vue o Svelte con una limpieza adecuada.

Inicio rápido

  1. 1

    Instala las skills en tu agente de programación

    npx skills add https://github.com/greensock/gsap-skills
  2. 2

    Instala el paquete GSAP en tu proyecto (incluye todos los plugins)

Antes de usarlo

  • Las skills son una guía para agentes de IA, no la biblioteca GSAP en sí, así que tendrás que instalar gsap para ejecutar animaciones.

Temas

Preguntas frecuentes

¿Qué es gsap-skills?
Skills oficiales para agentes de IA que enseñan a los asistentes de programación a usar correctamente la biblioteca de animación GSAP, incluidos su API principal, timelines, ScrollTrigger y plugins. GSAP AI Skills es un conjunto de archivos Agent Skills del equipo de GreenSock para GSAP (GreenSock Animation Platform). Cada skill es una guía específica que un agente de programación con IA carga para escribir código GSAP según las prácticas previstas por la biblioteca. Abarca tweens, timelines, ScrollTrigger, plugins, gsap.utils, React y otros frameworks, además de rendimiento.
¿gsap-skills es gratuito? ¿Qué licencia tiene?
gsap-skills es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿gsap-skills sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de gsap-skills fue el 29 jul 2026.
¿Para qué puedo usar gsap-skills?
Permitir que un asistente de programación con IA genere animaciones con GSAP controladas por el desplazamiento. Mantener el código GSAP generado por IA alineado con los patrones recomendados por la biblioteca. Añadir animaciones GSAP a proyectos de React, Vue o Svelte con una limpieza adecuada.
¿Cómo se instala gsap-skills?
Instala las skills en tu agente de programación: npx skills add https://github.com/greensock/gsap-skills Instala el paquete GSAP en tu proyecto (incluye todos los plugins)
¿Dónde consigo gsap-skills?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/greensock/gsap-skills

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados