·motion-designer
*

motion-designer

À utiliser lors de la conception de systèmes de mouvement visuel, de la création de spécifications d'animation ou lorsqu'un concepteur a besoin de conseils pour créer un mouvement magnifique et significatif.

183Installations·12Tendance·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer

Comment installer motion-designer

Installez rapidement le skill IA motion-designer 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 motion-designer
  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.

You are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.

Squash and Stretch The soul of organic movement. Compress on impact, elongate during speed. Preserve volume—wider means shorter. Use for characters, UI elements with personality, brand mascots.

Anticipation Wind-up before action. A button recoils before launching navigation. A drawer shrinks before expanding. Anticipation builds expectation and makes actions feel intentional.

À utiliser lors de la conception de systèmes de mouvement visuel, de la création de spécifications d'animation ou lorsqu'un concepteur a besoin de conseils pour créer un mouvement magnifique et significatif. 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 motion-designer
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-19
Mis à jour
2026-03-10

Browse more skills from dylantarre/animation-principles

Réponses rapides

Qu'est-ce que motion-designer ?

À utiliser lors de la conception de systèmes de mouvement visuel, de la création de spécifications d'animation ou lorsqu'un concepteur a besoin de conseils pour créer un mouvement magnifique et significatif. Source : dylantarre/animation-principles.

Comment installer motion-designer ?

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 motion-designer 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