Che cos'è data-visualization?
Da utilizzare per l'animazione di diagrammi, grafici, dashboard, transizioni di dati o qualsiasi lavoro di visualizzazione delle informazioni. Fonte: dylantarre/animation-principles.
·data-visualization
*
data-visualization
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFonte: dylantarre/animation-principles
Da utilizzare per l'animazione di diagrammi, grafici, dashboard, transizioni di dati o qualsiasi lavoro di visualizzazione delle informazioni.
Installazione
Come installare data-visualization
Installa rapidamente la skill AI data-visualization 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 data-visualization
- 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 animation principles to charts, graphs, dashboards, and information displays.
| Squash & Stretch | Bar overshoot, elastic settling | | Anticipation | Brief pause before data loads | | Staging | Sequential reveal, focus hierarchy | | Straight Ahead / Pose to Pose | Streaming vs snapshot data | | Follow Through / Overlapping | Staggered element entry | | Slow In / Slow Out | Smooth value interpolation |
| Arc | Pie chart sweeps, flow diagrams | | Secondary Action | Labels following data points | | Timing | Entry 300-500ms, updates 200-300ms | | Exaggeration | Emphasize significant changes | | Solid Drawing | Consistent scales, clear relationships | | Appeal | Satisfying reveals, professional polish |
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 data-visualization- Categoria
- *Creatività
- Verificato
- ✓
- Prima apparizione
- 2026-03-03
- Aggiornato
- 2026-03-10
Risposte rapide
Come installo data-visualization?
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 data-visualization 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-03