Qu'est-ce que modals-dialogs ?
À utiliser lors de l'animation de modaux, de boîtes de dialogue, de popovers ou de contenu superposé pour créer des entrées et des sorties fluides Source : dylantarre/animation-principles.
·modals-dialogs
*
modals-dialogs
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
À utiliser lors de l'animation de modaux, de boîtes de dialogue, de popovers ou de contenu superposé pour créer des entrées et des sorties fluides
Installation
Comment installer modals-dialogs
Installez rapidement le skill IA modals-dialogs dans votre environnement de développement via la ligne de commande
- Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
- Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/dylantarre/animation-principles --skill modals-dialogs
- 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.
SKILL.md
Voir l'originalApply Disney's 12 principles to modals for seamless, non-jarring transitions.
Squash & Stretch Modal can scale from 0.9 to 1.0 on enter, creating a subtle expansion feel. Exit reverses. Keep it subtle to maintain professionalism.
Anticipation Trigger element (button) should react before modal appears. Brief scale-down of trigger, then modal emerges from that point.
À utiliser lors de l'animation de modaux, de boîtes de dialogue, de popovers ou de contenu superposé pour créer des entrées et des sorties fluides 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 modals-dialogs- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-03-05
- Mis à jour
- 2026-03-11
Réponses rapides
Comment installer modals-dialogs ?
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 modals-dialogs 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
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-03-05