Úselo al crear efectos de desplazamiento del mouse: resaltados de botones, levantamientos de tarjetas, subrayados de enlaces, zooms de imágenes o cualquier animación activada por el puntero.
Instala rápidamente el skill de IA hover-interactions en tu entorno de desarrollo mediante línea de comandos
Fuente: dylantarre/animation-principles.
Squash & Stretch: Cards can subtly scale (1.02-1.05) on hover, creating "lift" effect.
Anticipation: Hover IS anticipation for click. The hover state previews the interaction.
Staging: Hover effects should highlight the interactive element, not distract from it.
Úselo al crear efectos de desplazamiento del mouse: resaltados de botones, levantamientos de tarjetas, subrayados de enlaces, zooms de imágenes o cualquier animación activada por el puntero. Fuente: dylantarre/animation-principles.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/dylantarre/animation-principles --skill hover-interactionsÚselo al crear efectos de desplazamiento del mouse: resaltados de botones, levantamientos de tarjetas, subrayados de enlaces, zooms de imágenes o cualquier animación activada por el puntero. Fuente: dylantarre/animation-principles.
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/dylantarre/animation-principles --skill hover-interactions 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/dylantarre/animation-principles