Patrones de animación y mejores prácticas para aplicaciones Next.js/React. Utilice esta habilidad al implementar animaciones, transiciones, efectos de desplazamiento, transiciones de página, modales o cualquier movimiento en los componentes de React. Basado en el curso "Animaciones en la Web" de Emil Kowalski.
Instala rápidamente el skill de IA animate en tu entorno de desarrollo mediante línea de comandos
Fuente: 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:
Patrones de animación y mejores prácticas para aplicaciones Next.js/React. Utilice esta habilidad al implementar animaciones, transiciones, efectos de desplazamiento, transiciones de página, modales o cualquier movimiento en los componentes de React. Basado en el curso "Animaciones en la Web" de Emil Kowalski. Fuente: delphi-ai/animate-skill.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/delphi-ai/animate-skill --skill animatePatrones de animación y mejores prácticas para aplicaciones Next.js/React. Utilice esta habilidad al implementar animaciones, transiciones, efectos de desplazamiento, transiciones de página, modales o cualquier movimiento en los componentes de React. Basado en el curso "Animaciones en la Web" de Emil Kowalski. Fuente: delphi-ai/animate-skill.
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/delphi-ai/animate-skill --skill animate 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/delphi-ai/animate-skill