·rive-interactive
*

rive-interactive

Animazione vettoriale basata su macchine a stati con interattività runtime e integrazione web. Utilizza questa competenza durante la creazione di animazioni interattive, interfaccia utente guidata dallo stato, componenti animati con logica o animazioni create dal designer con controllo di runtime. Trigger su attività che coinvolgono Rive, macchine a stati, animazioni vettoriali interattive, animazioni con gestione dell'input, associazione dati ViewModel o integrazione React Rive. Alternativa a Lottie per animazioni che richiedono macchine a stati e interattività bidirezionale.

15Installazioni·2Tendenza·@freshtechbro

Installazione

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive

Come installare rive-interactive

Installa rapidamente la skill AI rive-interactive 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/freshtechbro/claudedesignskills --skill rive-interactive
  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: freshtechbro/claudedesignskills.

Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.

Animazione vettoriale basata su macchine a stati con interattività runtime e integrazione web. Utilizza questa competenza durante la creazione di animazioni interattive, interfaccia utente guidata dallo stato, componenti animati con logica o animazioni create dal designer con controllo di runtime. Trigger su attività che coinvolgono Rive, macchine a stati, animazioni vettoriali interattive, animazioni con gestione dell'input, associazione dati ViewModel o integrazione React Rive. Alternativa a Lottie per animazioni che richiedono macchine a stati e interattività bidirezionale. Fonte: freshtechbro/claudedesignskills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive
Categoria
*Creatività
Verificato
Prima apparizione
2026-03-09
Aggiornato
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Risposte rapide

Che cos'è rive-interactive?

Animazione vettoriale basata su macchine a stati con interattività runtime e integrazione web. Utilizza questa competenza durante la creazione di animazioni interattive, interfaccia utente guidata dallo stato, componenti animati con logica o animazioni create dal designer con controllo di runtime. Trigger su attività che coinvolgono Rive, macchine a stati, animazioni vettoriali interattive, animazioni con gestione dell'input, associazione dati ViewModel o integrazione React Rive. Alternativa a Lottie per animazioni che richiedono macchine a stati e interattività bidirezionale. Fonte: freshtechbro/claudedesignskills.

Come installo rive-interactive?

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/freshtechbro/claudedesignskills --skill rive-interactive 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/freshtechbro/claudedesignskills