Animations CSS, transitions, images clés et API de mouvement modernes. À utiliser lors de l'ajout d'animations, de transitions, d'effets de défilement ou de transitions d'affichage. À utiliser pour l'animation CSS, la transition, les images clés, les transitions de vue, l'animation de défilement, la transformation, la préférence de mouvement, la chronologie d'animation.
Installez rapidement le skill IA css-animation-patterns dans votre environnement de développement via la ligne de commande
Source : oakoss/agent-skills.
CSS animations and transitions provide hardware-accelerated motion for web interfaces using keyframes, transitions, transforms, and modern scroll-driven and view transition APIs. Animate only composite properties (transform, opacity, filter) for smooth 60fps performance, and always respect prefers-reduced-motion.
The browser rendering pipeline has four stages: Style, Layout, Paint, and Composite. Animating composite-only properties skips Layout and Paint entirely, running on the GPU compositor thread. This is the single most important performance principle for CSS animation.
Modern CSS adds two powerful APIs: scroll-driven animations link keyframe progress to scroll position or element visibility instead of time, and the View Transitions API creates snapshot-based animated transitions between DOM states for both SPAs and MPAs.
Animations CSS, transitions, images clés et API de mouvement modernes. À utiliser lors de l'ajout d'animations, de transitions, d'effets de défilement ou de transitions d'affichage. À utiliser pour l'animation CSS, la transition, les images clés, les transitions de vue, l'animation de défilement, la transformation, la préférence de mouvement, la chronologie d'animation. Source : oakoss/agent-skills.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/oakoss/agent-skills --skill css-animation-patternsAnimations CSS, transitions, images clés et API de mouvement modernes. À utiliser lors de l'ajout d'animations, de transitions, d'effets de défilement ou de transitions d'affichage. À utiliser pour l'animation CSS, la transition, les images clés, les transitions de vue, l'animation de défilement, la transformation, la préférence de mouvement, la chronologie d'animation. Source : oakoss/agent-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/oakoss/agent-skills --skill css-animation-patterns 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/oakoss/agent-skills