GSAP: Plugins Registry
Référence officielle de chaque plugin GSAP : ScrollTo, ScrollSmoother, Flip, Draggable, SplitText, SVG, physique
- Quoi
- Référence officielle de chaque plugin GSAP : ScrollTo, ScrollSmoother, Flip, Draggable, SplitText, SVG, physique
- Coût
- Gratuit
- Prérequis
- un projet JavaScript avec le paquet npm `gsap` installé (`npm install gsap` — TOUS les plugins sont gratuits depuis le rachat par Webflow, y compris les anciens exclusivités Club ; ignorez les instructions obsolètes sur Club GSAP / npm.greensock.com)
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill officiel du registre des plugins GSAP : quand et comment utiliser ScrollToPlugin (scroll vers un élément sans ScrollTrigger), ScrollSmoother (scroll doux à inertie, requiert ScrollTrigger + structure DOM spécifique), Flip (animations d'état FLIP avec `getState()`/`from()`), Draggable, Inertia, Observer, SplitText, ScrambleText, les plugins SVG (DrawSVG, MorphSVG, MotionPath), les plugins physique, CustomEase/EasePack/CustomWiggle/CustomBounce et GSDevTools — avec la règle d'enregistrement (`gsap.registerPlugin()` une fois, avant tout usage, jamais dans un composant qui se re-render) et l'exclusion explicite de ScrollTrigger (il a son propre skill : `greensock-gsap-scrolltrigger`). Compagnon des fiches sœurs `greensock-gsap-frameworks`, `greensock-gsap-timeline` et `greensock-gsap-performance` — distinct des fiches `greensock-gsap-core` (lot 28) et `greensock-gsap-react` (lot 29) déjà publiées. Crédit : @greensock. Bémols honnêtes : l'info la plus précieuse du skill lui-même — depuis le rachat de GSAP par Webflow, TOUS les plugins sont gratuits y compris en usage commercial, ignorez les instructions obsolètes sur Club GSAP / npm.greensock.com ; installez tout depuis le paquet npm public `gsap`. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Prérequis : un projet JavaScript avec le paquet npm `gsap` installé (`npm install gsap` — TOUS les plugins sont gratuits depuis le rachat par Webflow, y compris les anciens exclusivités Club ; ignorez les instructions obsolètes sur Club GSAP / npm.greensock.com) Installe-moi « GSAP : registre des plugins ». Donne à mon agent la référence officielle de chaque plugin GSAP — ScrollTo, ScrollSmoother, Flip, Draggable, SplitText, SVG, physique, eases personnalisés, règles d'enregistrement Dépôt : https://github.com/greensock/gsap-skills/blob/main/skills/gsap-plugins/SKILL.md 1. Récupère le fichier SKILL.md du skill greensock-gsap-plugins depuis le dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifie que c'est bien le cas ; STOP sur le moindre signal d'alerte et préviens-moi. 3. Installe-le comme skill : copie le SKILL.md dans le répertoire des skills de l'agent, dans un dossier nommé « greensock-gsap-plugins ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. `npm install gsap`, `gsap.registerPlugin()` une fois au niveau app). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, tu peux l'utiliser ; sinon, l'accès public suffit. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Ne me demande jamais de coller des secrets dans le chat ; les identifiants passent par le coffre sécurisé ou des variables d'environnement. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.