·universal-patterns
*

universal-patterns

À utiliser lors de la création de tout type d'animation : fournit un timing, une accélération et une application de principe fondamentaux qui s'appliquent à tous les mouvements dans les interfaces.

35Installations·3Tendance·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns

Comment installer universal-patterns

Installez rapidement le skill IA universal-patterns 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 universal-patterns
  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.

Apply Disney's 12 principles as baseline defaults for any animation.

| Instant | 100-150ms | Hovers, toggles, micro-states | | Fast | 150-250ms | Feedback, small transitions | | Standard | 250-400ms | Modals, reveals, state changes | | Slow | 400-600ms | Page transitions, sequences | | Deliberate | 600-1000ms | Dramatic reveals, celebrations |

À utiliser lors de la création de tout type d'animation : fournit un timing, une accélération et une application de principe fondamentaux qui s'appliquent à tous les mouvements dans les interfaces. Source : dylantarre/animation-principles.

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 universal-patterns 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

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 universal-patterns
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-04
Mis à jour
2026-03-11

Browse more skills from dylantarre/animation-principles

Réponses rapides

Qu'est-ce que universal-patterns ?

À utiliser lors de la création de tout type d'animation : fournit un timing, une accélération et une application de principe fondamentaux qui s'appliquent à tous les mouvements dans les interfaces. Source : dylantarre/animation-principles.

Comment installer universal-patterns ?

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 universal-patterns 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