ux-animation-motion
Patrones de animación que utilizan Anime.js v4 para comentarios, transiciones y celebraciones de la interfaz de usuario. Úselo al implementar efectos de desplazamiento, transiciones, animaciones de carga o comentarios sobre gamificación. Incluye manejo de movimiento reducido. (proyecto)
Instalación
SKILL.md
Animation system using Anime.js v4 for responsive, accessible UI motion. This skill covers animation patterns, timing, and reduced motion support.
Note: Project uses import maps to resolve animejs to local nodemodules.
| Button press | 100ms | easeOutQuad | | Toggle switch | 150ms | easeOutQuad | | Dropdown open | 200ms | easeOutQuad | | Modal appear | 200-300ms | easeOutBack | | Page transition | 300-500ms | easeInOutQuad | | Success celebration | 400-600ms | easeOutBack |
Patrones de animación que utilizan Anime.js v4 para comentarios, transiciones y celebraciones de la interfaz de usuario. Úselo al implementar efectos de desplazamiento, transiciones, animaciones de carga o comentarios sobre gamificación. Incluye manejo de movimiento reducido. (proyecto) Fuente: matthewharwood/fantasy-phonics.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion- Categoría
- *Creatividad
- Verificado
- —
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es ux-animation-motion?
Patrones de animación que utilizan Anime.js v4 para comentarios, transiciones y celebraciones de la interfaz de usuario. Úselo al implementar efectos de desplazamiento, transiciones, animaciones de carga o comentarios sobre gamificación. Incluye manejo de movimiento reducido. (proyecto) Fuente: matthewharwood/fantasy-phonics.
¿Cómo instalo ux-animation-motion?
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/matthewharwood/fantasy-phonics --skill ux-animation-motion 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 o Cursor
¿Dónde está el repositorio de origen?
https://github.com/matthewharwood/fantasy-phonics
Detalles
- Categoría
- *Creatividad
- Fuente
- user
- Primera vez visto
- 2026-02-01