·motion-design
*

motion-design

Fornisce indicazioni sulla progettazione del movimento per i componenti dell'interfaccia utente. Si attivano richieste di animazione ("anima questa", "aggiungi transizione", "movimento per"), richieste di perfezionamento ("ripulisci questa animazione", "ripulisci il movimento", "sembra troppo veloce/lento", "rendilo più vivo/naturale") e domande su andamento, tempistica o microinterazioni.

16Installazioni·0Tendenza·@richtabor

Installazione

$npx skills add https://github.com/richtabor/agent-skills --skill motion-design

Come installare motion-design

Installa rapidamente la skill AI motion-design nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/richtabor/agent-skills --skill motion-design
  3. 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: richtabor/agent-skills.

Design intentional, purposeful motion for product UI. This skill evaluates animation needs and recommends specific easing curves, durations, and implementation approaches based on interaction frequency and purpose.

Every animation needs a job. If it has no job, don't animate.

Based on the evaluation, provide specific recommendations using tokens from the reference files.

Fornisce indicazioni sulla progettazione del movimento per i componenti dell'interfaccia utente. Si attivano richieste di animazione ("anima questa", "aggiungi transizione", "movimento per"), richieste di perfezionamento ("ripulisci questa animazione", "ripulisci il movimento", "sembra troppo veloce/lento", "rendilo più vivo/naturale") e domande su andamento, tempistica o microinterazioni. Fonte: richtabor/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/richtabor/agent-skills --skill motion-design
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from richtabor/agent-skills

Risposte rapide

Che cos'è motion-design?

Fornisce indicazioni sulla progettazione del movimento per i componenti dell'interfaccia utente. Si attivano richieste di animazione ("anima questa", "aggiungi transizione", "movimento per"), richieste di perfezionamento ("ripulisci questa animazione", "ripulisci il movimento", "sembra troppo veloce/lento", "rendilo più vivo/naturale") e domande su andamento, tempistica o microinterazioni. Fonte: richtabor/agent-skills.

Come installo motion-design?

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/richtabor/agent-skills --skill motion-design 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/richtabor/agent-skills