Qu'est-ce que lists-grids ?
À utiliser lors de l'animation de listes, de grilles, de tableaux ou de collections d'éléments pour créer des états de classement, de filtrage et de chargement fluides Source : dylantarre/animation-principles.
·lists-grids
*
lists-grids
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
À utiliser lors de l'animation de listes, de grilles, de tableaux ou de collections d'éléments pour créer des états de classement, de filtrage et de chargement fluides
Installation
Comment installer lists-grids
Installez rapidement le skill IA lists-grids 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 lists-grids
- 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 lists and grids for smooth, organized motion.
Squash & Stretch List items compress slightly when grabbed for reorder. Grid items can stretch when expanding to fill space on filter.
Anticipation Before list reorders, items briefly compress. Before filter removes items, they can shrink slightly. Prepares for change.
À utiliser lors de l'animation de listes, de grilles, de tableaux ou de collections d'éléments pour créer des états de classement, de filtrage et de chargement 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 lists-grids- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-03-05
- Mis à jour
- 2026-03-11
Réponses rapides
Comment installer lists-grids ?
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 lists-grids 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