·emilkowal-animations
</>

emilkowal-animations

Mejores prácticas de animación de Emil Kowalski para interfaces web. Úselo al escribir, revisar o implementar animaciones en React, CSS o Framer Motion. Activadores de tareas que implican transiciones, relajación, gestos, brindis, cajones o movimiento.

14Instalaciones·1Tendencia·@blockmatic

Instalación

$npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animations

Cómo instalar emilkowal-animations

Instala rápidamente el skill de IA emilkowal-animations en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animations
  3. Verificar instalación: 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

Fuente: blockmatic/basilic.

SKILL.md

Ver original

Comprehensive animation guide for web interfaces based on Emil Kowalski's teachings, open-source libraries (Sonner, Vaul), and his animations.dev course. Contains 43 rules across 7 categories, prioritized by impact.

| 1 | Easing Selection | CRITICAL | ease- | | 2 | Timing & Duration | CRITICAL | timing- | | 3 | Property Selection | HIGH | props- | | 4 | Transform Techniques | HIGH | transform- | | 5 | Interaction Patterns | MEDIUM-HIGH | interact- | | 6 | Strategic Animation | MEDIUM | strategy- | | 7 | Accessibility & Polish | MEDIUM | polish- |

| cubic-bezier(0.32, 0.72, 0, 1) | iOS-style drawer/sheet animation | | scale(0.97) | Button press feedback | | scale(0.95) | Minimum enter scale (never scale(0)) | | 200ms ease-out | Standard UI transition | | 300ms | Maximum duration for UI animations | | 500ms | Drawer animation duration | | 0.11 px/ms | Velocity threshold for momentum dismiss |

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animations
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-10

Browse more skills from blockmatic/basilic

Respuestas rápidas

¿Qué es emilkowal-animations?

Mejores prácticas de animación de Emil Kowalski para interfaces web. Úselo al escribir, revisar o implementar animaciones en React, CSS o Framer Motion. Activadores de tareas que implican transiciones, relajación, gestos, brindis, cajones o movimiento. Fuente: blockmatic/basilic.

¿Cómo instalo emilkowal-animations?

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/blockmatic/basilic --skill emilkowal-animations 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

¿Dónde está el repositorio de origen?

https://github.com/blockmatic/basilic