Skip to content
Free and open to everyone. The lessons keep improving thanks to your feedback.
Language : EN

Motion design and 3D Checked against documentation Intermediate

gsap-core

greensock/gsap-skills

Animations web avec GSAP

The skill descriptions are in French for now. The interface is in English; the pages will be translated later.

This description is still being proofread: the technical information is checked, the wording has not yet been validated by a human.

What it does

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.

Who it is for

Tu veux animer des éléments d'une page avec une bibliothèque réputée et souple.

Example requests

  • « Fais apparaître ces cartes l'une après l'autre avec GSAP. »
  • « Anime ce logo SVG au chargement de la page. »

Limits

  • Il couvre le noyau de GSAP ; le défilement demande le skill gsap-scrolltrigger.
  • Il faut un projet web (React, Vue ou page simple).

Install this skill

Prerequisites : Projet web

Copy the command, paste it into your terminal (Mac) or PowerShell (Windows), then confirm yourself when the program asks.

Command (latest published version)

npx skills add https://github.com/greensock/gsap-skills --skill gsap-core -a claude-code

The npx command needs Node.js 22.20 or later. Windows : si la création de liens échoue : ajouter --copy (non testé).

Command pinned to the checked version

Command pinned to the checked version

npx skills add greensock/gsap-skills@aed9cfd3277740755f6bfc1155c7aa645403b760 --skill gsap-core -a claude-code

Command checked against the documentation, not yet tried by Neurylio.

Before installing. Read the SKILL.md file on GitHub, check where the skill comes from and what it can do. The lessons of module 7 explain how:

Back to the library