gsap
✓À utiliser lors de l'implémentation d'animations Web, du séquençage de la chronologie, des animations déclenchées par défilement, des animations SVG, des transitions de mise en page ou lors de l'utilisation du hook GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath ou @gsap/react useGSAP.
Installation
SKILL.md
Professional-grade JavaScript animation library for the modern web. Provides high-performance tweening with powerful sequencing, scroll-based animations, and extensive plugin ecosystem.
| Tween | Single animation that changes properties over time | | Timeline | Container for sequencing tweens with precise control | | Ease | Controls animation velocity curve (default: power1.out) | | ScrollTrigger | Links animations to scroll position | | Plugin | Extends GSAP with specialized capabilities |
| references/00-cheatsheet.md | Quick reference, common operations at a glance | | references/01-core.md | Basic tweens, special properties, callbacks, quickTo, ticker | | references/02-easing.md | Easing functions, custom eases | | references/03-timeline.md | Sequencing, positioning, labels, nesting |
À utiliser lors de l'implémentation d'animations Web, du séquençage de la chronologie, des animations déclenchées par défilement, des animations SVG, des transitions de mise en page ou lors de l'utilisation du hook GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath ou @gsap/react useGSAP. Source : noklip-io/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/noklip-io/agent-skills --skill gsap- Source
- noklip-io/agent-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que gsap ?
À utiliser lors de l'implémentation d'animations Web, du séquençage de la chronologie, des animations déclenchées par défilement, des animations SVG, des transitions de mise en page ou lors de l'utilisation du hook GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath ou @gsap/react useGSAP. Source : noklip-io/agent-skills.
Comment installer gsap ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/noklip-io/agent-skills --skill gsap Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/noklip-io/agent-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01