Che cos'è forms-inputs?
Da utilizzare durante l'animazione di campi modulo, input, aree di testo, selezioni o elementi di moduli interattivi per migliorare l'usabilità e il feedback Fonte: dylantarre/animation-principles.
·forms-inputs
*
forms-inputs
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFonte: dylantarre/animation-principles
Da utilizzare durante l'animazione di campi modulo, input, aree di testo, selezioni o elementi di moduli interattivi per migliorare l'usabilità e il feedback
Installazione
Come installare forms-inputs
Installa rapidamente la skill AI forms-inputs 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 forms-inputs
- 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 forms for clear feedback and delightful interactions.
Squash & Stretch Input fields can subtly expand on focus (1-2px height). Submit button compresses on click. Checkboxes bounce on toggle.
Anticipation Label floats up before user types. Focus ring appears before content entry. Prepares user for input action.
Da utilizzare durante l'animazione di campi modulo, input, aree di testo, selezioni o elementi di moduli interattivi per migliorare l'usabilità e il feedback 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 forms-inputs- Categoria
- *Creatività
- Verificato
- ✓
- Prima apparizione
- 2026-03-05
- Aggiornato
- 2026-03-10
Risposte rapide
Come installo forms-inputs?
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 forms-inputs 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