Skip to main content

motion-gsap-scrolltrigger

motion-gsap-scrolltrigger

Catalogue généré le 2026-05-11

En une phrase

Patterns GSAP + ScrollTrigger : reveals, pinning, scrub, timelines, cleanup, refresh sur changements de layout.

Quand l'utiliser

  • Voir la description ci-dessus et la section « Pour aller plus loin ».

Comment l'invoquer

  • Slash command : /motion-gsap-scrolltrigger (si exposé dans ton CLI)
  • Phrases déclencheurs : voir la description complète ci-dessous
  • Auto-invocation : sur demande explicite

Pour aller plus loin

GSAP + ScrollTrigger Patterns

Objectif

Scroll narrative contrôlée et maintenable.

Procédure

  1. Reveal/scrub/pin
  2. Limiter instances inutiles
  3. refresh() après changements de layout
  4. Cleanup à unmount, reduced-motion

Outputs attendus

  • Snippets (reveal/scrub/pin)
  • Checklist refresh/cleanup
  • Variante reduced-motion

Hints

  • Install: npm install gsap

Source

  • Plugin : perso (standalone)
  • Nom interne : motion-gsap-scrolltrigger
  • Fichier : /home/thymon/.claude/skills/motion-gsap-scrolltrigger/SKILL.md