GratuitSkills
Animations d'interface : survol, transitions, gestes
- 600600 téléchargements
- 208208 mentions J'aime
- 109109 sauvegardes
Compatible avec
- Claude Code
- Codex
- Cursor
- et 3 autres
Optimiser les animations GSAP pour rester fluide v1.0.0
Utilisez cette ressource pour optimiser des animations GSAP pour rester fluide à 60 images par seconde
Nouveau
- 547 téléchargements
- 219 mentions J'aime
- 196 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install gsap-smooth-animation-performanceSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent oriente les animations vers les propriétés de transformation et d'opacité, regroupe les lectures et écritures du DOM, limite will-change et réduit le travail simultané. Vous obtenez un code qui réduit les saccades, notamment sur les longues listes ou les suiveurs de souris.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitSkills
Jetons de design : couleurs, espacements et mode sombre
- 314314 téléchargements
- 142142 mentions J'aime
- 243243 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Revue d'ingénierie frontend
- 537537 téléchargements
- 112112 mentions J'aime
- 145145 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Prototypes d'interfaces et de mocks d'API
- 426426 téléchargements
- 171171 mentions J'aime
- 233233 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Extraction du contexte de design depuis Figma
- 412412 téléchargements
- 240240 mentions J'aime
- 178178 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Génération de HTML et CSS fidèles à une maquette
- 512512 téléchargements
- 215215 mentions J'aime
- 183183 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Orchestrateur d'ingénierie frontend
- 422422 téléchargements
- 230230 mentions J'aime
- 161161 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Optimisation SEO, partage social et conversion
- 355355 téléchargements
- 192192 mentions J'aime
- 145145 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md : transformations, opacité, will-change et lectures et écritures groupées
- SKILL.md : grands nombres d'éléments, propriétés mises à jour souvent et ScrollTrigger
Pour qui
- Une liste animée saccade sur mobile
- Un suiveur de souris ralentit la page
Pas pour qui
Étiquettes
- gsap
- performance
- 60 fps
- transformations
- animation
À propos
Vous dites
« Mon effet de suivi de souris saccade : optimise les propriétés animées avec GSAP. »
Skill publiée par greensock sous licence MIT. Fichiers livrés dans leur version d'origine, en anglais.
Voir plusVoir moins
Comment l'utiliser
- Installez la skill dans le dossier de skills de votre agent
- Demandez à votre agent de optimiser des animations GSAP pour rester fluide à 60 images par seconde
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- LICENSE1,1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- SKILL.md4,1 Ko
Origine et licence
Référencée sans modification
- Auteur
- greensock
- Source
- github.com/greensock/gsap-skills/tree/aed9cfd3277740755f6bfc1155c7aa645403b760/skills/gsap-performance
- Licence
- MIT
Notice
« gsap-performance » (greensock, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…