·css-animation-creator
*

css-animation-creator

Créez des animations CSS professionnelles, des transitions, des micro-interactions et une conception de mouvement complexe. À utiliser lors de l'ajout d'animations, d'effets de survol, d'états de chargement, de transitions de page, d'animations de défilement ou de tout travail de conception de mouvement.

23Installations·0Tendance·@onewave-ai

Installation

$npx skills add https://github.com/onewave-ai/claude-skills --skill css-animation-creator

Comment installer css-animation-creator

Installez rapidement le skill IA css-animation-creator 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/onewave-ai/claude-skills --skill css-animation-creator
  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 : onewave-ai/claude-skills.

| Squash & Stretch | Button press, elastic effects | | Anticipation | Hover states before action | | Staging | Focus attention on important elements | | Follow Through | Overshoot then settle | | Ease In/Out | Natural acceleration/deceleration | | Arcs | Curved motion paths | | Secondary Action | Supporting animations |

| Timing | Duration conveys weight/importance | | Exaggeration | Emphasis for clarity | | Appeal | Pleasing, polished motion |

| Micro-interaction | 100-200ms | ease-out | | Button/hover | 150-250ms | ease | | Modal open | 200-300ms | ease-out | | Modal close | 150-200ms | ease-in | | Page transition | 300-500ms | ease-in-out | | Loading loop | 1000-2000ms | linear/ease-in-out | | Attention grab | 500-1000ms | elastic |

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/onewave-ai/claude-skills --skill css-animation-creator
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-01
Mis à jour
2026-03-10

Browse more skills from onewave-ai/claude-skills

Réponses rapides

Qu'est-ce que css-animation-creator ?

Créez des animations CSS professionnelles, des transitions, des micro-interactions et une conception de mouvement complexe. À utiliser lors de l'ajout d'animations, d'effets de survol, d'états de chargement, de transitions de page, d'animations de défilement ou de tout travail de conception de mouvement. Source : onewave-ai/claude-skills.

Comment installer css-animation-creator ?

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/onewave-ai/claude-skills --skill css-animation-creator 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/onewave-ai/claude-skills