Modèles d'animation et bonnes pratiques pour les applications Next.js/React. Utilisez cette compétence lors de l'implémentation d'animations, de transitions, d'effets de survol, de transitions de page, de modaux ou de tout mouvement dans les composants React. D'après le cours "Animations sur le Web" d'Emil Kowalski.
Installez rapidement le skill IA animate dans votre environnement de développement via la ligne de commande
Source : delphi-ai/animate-skill.
This skill provides comprehensive guidance for implementing smooth, performant, and accessible animations in Next.js and React applications. It covers CSS animations, Framer Motion, easing principles, and accessibility considerations.
| Element entering | ease-out | 200-300ms | | Element moving on screen | ease-in-out | 200-300ms | | Element exiting | ease-in | 150-200ms | | Hover effects | ease | 150ms | | Opacity only | linear | varies |
Complete working examples from the course are in the examples/ directory:
Modèles d'animation et bonnes pratiques pour les applications Next.js/React. Utilisez cette compétence lors de l'implémentation d'animations, de transitions, d'effets de survol, de transitions de page, de modaux ou de tout mouvement dans les composants React. D'après le cours "Animations sur le Web" d'Emil Kowalski. Source : delphi-ai/animate-skill.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/delphi-ai/animate-skill --skill animateModèles d'animation et bonnes pratiques pour les applications Next.js/React. Utilisez cette compétence lors de l'implémentation d'animations, de transitions, d'effets de survol, de transitions de page, de modaux ou de tout mouvement dans les composants React. D'après le cours "Animations sur le Web" d'Emil Kowalski. Source : delphi-ai/animate-skill.
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/delphi-ai/animate-skill --skill animate Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/delphi-ai/animate-skill