Qu'est-ce que cards-containers ?
À utiliser lors de l'animation de cartes, de panneaux, de tuiles ou d'éléments de conteneur pour créer de la profondeur et de l'interactivité. Source : dylantarre/animation-principles.
·cards-containers
*
cards-containers
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
À utiliser lors de l'animation de cartes, de panneaux, de tuiles ou d'éléments de conteneur pour créer de la profondeur et de l'interactivité.
Installation
Comment installer cards-containers
Installez rapidement le skill IA cards-containers 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 cards-containers
- 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 cards and containers for engaging, dimensional interfaces.
Squash & Stretch Cards can subtly compress on drag-start and stretch when released. Keep it minimal: 2-3% scale change maximum.
Anticipation Before expanding a card to detail view, briefly scale down (0.98) for 50ms, then expand. Prepares user for the transformation.
À utiliser lors de l'animation de cartes, de panneaux, de tuiles ou d'éléments de conteneur pour créer de la profondeur et de l'interactivité. 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 cards-containers- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-03-05
- Mis à jour
- 2026-03-10
Réponses rapides
Comment installer cards-containers ?
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 cards-containers 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