Animaciones CSS, transiciones, fotogramas clave y API de movimiento modernas. Úselo al agregar animaciones, transiciones, efectos de desplazamiento o ver transiciones. Úselo para animación css, transición, fotogramas clave, transiciones de vista, animación de desplazamiento, transformación, preferencia de movimiento, línea de tiempo de animación.
Instala rápidamente el skill de IA css-animation-patterns en tu entorno de desarrollo mediante línea de comandos
Fuente: 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.
Animaciones CSS, transiciones, fotogramas clave y API de movimiento modernas. Úselo al agregar animaciones, transiciones, efectos de desplazamiento o ver transiciones. Úselo para animación css, transición, fotogramas clave, transiciones de vista, animación de desplazamiento, transformación, preferencia de movimiento, línea de tiempo de animación. Fuente: oakoss/agent-skills.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/oakoss/agent-skills --skill css-animation-patternsAnimaciones CSS, transiciones, fotogramas clave y API de movimiento modernas. Úselo al agregar animaciones, transiciones, efectos de desplazamiento o ver transiciones. Úselo para animación css, transición, fotogramas clave, transiciones de vista, animación de desplazamiento, transformación, preferencia de movimiento, línea de tiempo de animación. Fuente: oakoss/agent-skills.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/oakoss/agent-skills --skill css-animation-patterns Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/oakoss/agent-skills