¿Qué es responsive-adaptive?
Úselo al crear animaciones dependientes del contexto: duración que cambia según el dispositivo, la distancia, la preferencia del usuario o el contexto de interacción. Fuente: dylantarre/animation-principles.
·responsive-adaptive
*
responsive-adaptive
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFuente: dylantarre/animation-principles
Úselo al crear animaciones dependientes del contexto: duración que cambia según el dispositivo, la distancia, la preferencia del usuario o el contexto de interacción.
Instalación
Cómo instalar responsive-adaptive
Instala rápidamente el skill de IA responsive-adaptive en tu entorno de desarrollo mediante línea de comandos
- Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
- Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill responsive-adaptive
- 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: dylantarre/animation-principles.
SKILL.md
Ver originalResponsive timing adapts duration to context: device capability, travel distance, user preferences, and interaction type. One duration doesn't fit all situations.
Squash & Stretch: Scale with device - more subtle on mobile (less screen real estate for deformation).
Anticipation: Shorter on touch devices - touch users expect faster response than mouse users.
Úselo al crear animaciones dependientes del contexto: duración que cambia según el dispositivo, la distancia, la preferencia del usuario o el contexto de interacción. Fuente: dylantarre/animation-principles.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/dylantarre/animation-principles --skill responsive-adaptive- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-03-05
- Actualizado
- 2026-03-10
Respuestas rápidas
¿Cómo instalo responsive-adaptive?
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 responsive-adaptive 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/dylantarre/animation-principles
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-03-05