·animate
</>

animate

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.

7Installations·2Tendance·@delphi-ai

Installation

$npx skills add https://github.com/delphi-ai/animate-skill --skill animate

Comment installer animate

Installez rapidement le skill IA animate dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/delphi-ai/animate-skill --skill animate
  3. Vérifier l'installation: 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

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.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/delphi-ai/animate-skill --skill animate
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-10

Browse more skills from delphi-ai/animate-skill

Réponses rapides

Qu'est-ce que animate ?

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.

Comment installer animate ?

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

Où se trouve le dépôt source ?

https://github.com/delphi-ai/animate-skill

Détails

Catégorie
</>Développement
Source
skills.sh
Première apparition
2026-02-25

Skills Connexes

Aucun