·gsap-scrolltrigger
*

gsap-scrolltrigger

Habilidad integral para GSAP (GreenSock Animation Platform) y el complemento ScrollTrigger. Utilice esta habilidad al crear animaciones web, experiencias basadas en desplazamiento, líneas de tiempo, interpolaciones, animaciones activadas por desplazamiento, fijación, desplazamiento, efectos de paralaje o animación de elementos DOM, SVG, Canvas, WebGL o Three.js. Activadores de tareas que involucran GSAP, ScrollTrigger, animaciones suaves, efectos de desplazamiento o secuenciación de animaciones.

18Instalaciones·1Tendencia·@freshtechbro

Instalación

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltrigger

Cómo instalar gsap-scrolltrigger

Instala rápidamente el skill de IA gsap-scrolltrigger en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltrigger
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: freshtechbro/claudedesignskills.

SKILL.md

Ver original

GSAP (GreenSock Animation Platform) is the industry-leading JavaScript animation library for creating high-performance, production-quality animations. ScrollTrigger is GSAP's powerful plugin for scroll-driven animations. Together, they enable everything from simple UI transitions to complex scroll-based storytelling experiences.

A tween is a single animation from point A to point B.

ScrollTrigger handles this automatically, but for custom resize logic:

Habilidad integral para GSAP (GreenSock Animation Platform) y el complemento ScrollTrigger. Utilice esta habilidad al crear animaciones web, experiencias basadas en desplazamiento, líneas de tiempo, interpolaciones, animaciones activadas por desplazamiento, fijación, desplazamiento, efectos de paralaje o animación de elementos DOM, SVG, Canvas, WebGL o Three.js. Activadores de tareas que involucran GSAP, ScrollTrigger, animaciones suaves, efectos de desplazamiento o secuenciación de animaciones. Fuente: freshtechbro/claudedesignskills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltrigger
Categoría
*Creatividad
Verificado
Primera vez visto
2026-03-01
Actualizado
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Respuestas rápidas

¿Qué es gsap-scrolltrigger?

Habilidad integral para GSAP (GreenSock Animation Platform) y el complemento ScrollTrigger. Utilice esta habilidad al crear animaciones web, experiencias basadas en desplazamiento, líneas de tiempo, interpolaciones, animaciones activadas por desplazamiento, fijación, desplazamiento, efectos de paralaje o animación de elementos DOM, SVG, Canvas, WebGL o Three.js. Activadores de tareas que involucran GSAP, ScrollTrigger, animaciones suaves, efectos de desplazamiento o secuenciación de animaciones. Fuente: freshtechbro/claudedesignskills.

¿Cómo instalo gsap-scrolltrigger?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill gsap-scrolltrigger Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/freshtechbro/claudedesignskills