·responsive-adaptive
*

responsive-adaptive

À utiliser lors de la création d'animations dépendantes du contexte - durée qui change en fonction de l'appareil, de la distance, des préférences de l'utilisateur ou du contexte d'interaction

35Installations·2Tendance·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill responsive-adaptive

Comment installer responsive-adaptive

Installez rapidement le skill IA responsive-adaptive dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/dylantarre/animation-principles --skill responsive-adaptive
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : dylantarre/animation-principles.

Responsive 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.

À utiliser lors de la création d'animations dépendantes du contexte - durée qui change en fonction de l'appareil, de la distance, des préférences de l'utilisateur ou du contexte d'interaction Source : dylantarre/animation-principles.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/dylantarre/animation-principles --skill responsive-adaptive
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-05
Mis à jour
2026-03-10

Browse more skills from dylantarre/animation-principles

Réponses rapides

Qu'est-ce que responsive-adaptive ?

À utiliser lors de la création d'animations dépendantes du contexte - durée qui change en fonction de l'appareil, de la distance, des préférences de l'utilisateur ou du contexte d'interaction Source : dylantarre/animation-principles.

Comment installer responsive-adaptive ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/dylantarre/animation-principles --skill responsive-adaptive Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/dylantarre/animation-principles