Conjunto de Agent Skills que enseñan a agentes de programación con IA, como Claude Code, Codex y Cursor, buenas prácticas para crear proyectos de video con Remotion.
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
Instala las skills en tu agente de programación
npx skills add https://github.com/greensock/gsap-skills - 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
Lista seleccionada de recursos de motion design y cinco skills instalables para agentes, compatibles con GSAP, Motion, Remotion, Lottie y Rive.
Guía de diseño para agentes de programación con IA, con una skill de diseño, 24 comandos, iteración en el navegador y 61 reglas deterministas para detectar UI frontend generada por IA.
Memoria persistente para agentes de programación con IA: registra sesiones automáticamente e incorpora contexto relevante en sesiones posteriores en Claude Code, Cursor, Codex y otros clientes MCP.
Conjunto de skills para agentes de IA que ejecutan flujos de investigación en redes sociales como TikTok, Instagram, YouTube, Reddit y X, con ScrapeCreators.
Colección de 74 archivos de habilidades de desarrollo de videojuegos para agentes de programación con IA, con un enrutador que carga las habilidades adecuadas para cada motor y tarea.