Che cos'è lists-grids?
Da utilizzare durante l'animazione di elenchi, griglie, tabelle o raccolte di elementi per creare ordinamenti, filtri e stati di caricamento uniformi Fonte: dylantarre/animation-principles.
·lists-grids
*
lists-grids
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFonte: dylantarre/animation-principles
Da utilizzare durante l'animazione di elenchi, griglie, tabelle o raccolte di elementi per creare ordinamenti, filtri e stati di caricamento uniformi
Installazione
Come installare lists-grids
Installa rapidamente la skill AI lists-grids nel tuo ambiente di sviluppo tramite riga di comando
- Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
- Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/dylantarre/animation-principles --skill lists-grids
- Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
Fonte: dylantarre/animation-principles.
SKILL.md
Visualizza rawApply 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.
Da utilizzare durante l'animazione di elenchi, griglie, tabelle o raccolte di elementi per creare ordinamenti, filtri e stati di caricamento uniformi Fonte: dylantarre/animation-principles.
Fatti (pronti per citazione)
Campi e comandi stabili per citazioni AI/ricerca.
- Comando di installazione
npx skills add https://github.com/dylantarre/animation-principles --skill lists-grids- Categoria
- *Creatività
- Verificato
- ✓
- Prima apparizione
- 2026-03-05
- Aggiornato
- 2026-03-10
Risposte rapide
Come installo lists-grids?
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/dylantarre/animation-principles --skill lists-grids Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
Dov'è il repository sorgente?
https://github.com/dylantarre/animation-principles
Dettagli
- Categoria
- *Creatività
- Fonte
- skills.sh
- Prima apparizione
- 2026-03-05