Motion design et 3D Vérifié sur documentation Intermédiaire
gsap-core
greensock/gsap-skills
Animations web avec GSAP
Texte de fiche en cours de relecture : les informations techniques sont vérifiées, la rédaction n'est pas encore validée par un humain.
À quoi ça sert
Apprend à l'agent à utiliser GSAP, une bibliothèque d'animation web : mouvements simples, délais, courbes, décalages, et réglage qui respecte les personnes sensibles au mouvement.
Pour qui
Tu veux animer des éléments d'une page avec une bibliothèque réputée et souple.
Exemples de demandes
- « Fais apparaître ces cartes l'une après l'autre avec GSAP. »
- « Anime ce logo SVG au chargement de la page. »
Limites
- Il couvre le noyau de GSAP ; le défilement demande le skill gsap-scrolltrigger.
- Il faut un projet web (React, Vue ou page simple).
Installer ce skill
Prérequis : Projet web
Copie la commande, colle-la dans ton terminal (Mac) ou PowerShell (Windows), puis confirme toi-même quand le programme te le demande.
Commande (dernière version publiée)
npx skills add https://github.com/greensock/gsap-skills --skill gsap-core -a claude-codeIl faut Node.js 22.20 ou plus récent pour la commande npx. Windows : si la création de liens échoue : ajouter --copy (non testé).
Commande figée sur la version vérifiée
Commande figée sur la version vérifiée
npx skills add greensock/gsap-skills@aed9cfd3277740755f6bfc1155c7aa645403b760 --skill gsap-core -a claude-codeCommande vérifiée sur la documentation, pas encore essayée par Neurylio.
Avant d'installer. Lis le fichier SKILL.md sur GitHub, vérifie d'où vient le skill et ce qu'il peut faire. Les leçons du module 7 t'expliquent comment :