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.
Installez rapidement le skill IA css-animation-creator dans votre environnement de développement via la ligne de commande
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 |
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/onewave-ai/claude-skills --skill css-animation-creatorCré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.
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
https://github.com/onewave-ai/claude-skills