·rive-react
</>

rive-react

✓
stevysmith/rive-skillsGitHub: stevysmith/rive-skillsFonte: stevysmith/rive-skills

Si attiva quando: (1) utilizzando @rive-app/react-canvas o @rive-app/react-webgl, (2) Utilizzando il gancio useRive o RiveComponent, (3) Costruire componenti React con animazioni Rive, (4) L'utente menziona "Rive React" o "useRive", (5) Implementazione di animazioni basate su scorrimento o parallasse con Rive. Best practice per l'integrazione delle animazioni Rive nelle applicazioni React utilizzando il pacchetto ufficiale Rive React. Copre ganci, layout e animazioni di scorrimento.

stevysmith·rive·react
8Installazioni·0Tendenza·@stevysmith

Installazione

GitHub: stevysmith/rive-skills
$npx skills add https://github.com/stevysmith/rive-skills --skill rive-react

Come installare rive-react

Installa rapidamente la skill AI rive-react 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/stevysmith/rive-skills --skill rive-react
  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: stevysmith/rive-skills.

SKILL.md

Visualizza raw

@file rules/use-rive.md @file rules/callbacks.md @file rules/layout.md @file rules/scroll-animations.md

Si attiva quando: (1) utilizzando @rive-app/react-canvas o @rive-app/react-webgl, (2) Utilizzando il gancio useRive o RiveComponent, (3) Costruire componenti React con animazioni Rive, (4) L'utente menziona "Rive React" o "useRive", (5) Implementazione di animazioni basate su scorrimento o parallasse con Rive. Best practice per l'integrazione delle animazioni Rive nelle applicazioni React utilizzando il pacchetto ufficiale Rive React. Copre ganci, layout e animazioni di scorrimento. Fonte: stevysmith/rive-skills.

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/stevysmith/rive-skills --skill rive-react 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

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/stevysmith/rive-skills --skill rive-react
Fonte
stevysmith/rive-skills
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/stevysmith/rive-skills/rive-react

Browse more skills from stevysmith/rive-skills

Risposte rapide

Che cos'è rive-react?

Si attiva quando: (1) utilizzando @rive-app/react-canvas o @rive-app/react-webgl, (2) Utilizzando il gancio useRive o RiveComponent, (3) Costruire componenti React con animazioni Rive, (4) L'utente menziona "Rive React" o "useRive", (5) Implementazione di animazioni basate su scorrimento o parallasse con Rive. Best practice per l'integrazione delle animazioni Rive nelle applicazioni React utilizzando il pacchetto ufficiale Rive React. Copre ganci, layout e animazioni di scorrimento. Fonte: stevysmith/rive-skills.

Come installo rive-react?

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/stevysmith/rive-skills --skill rive-react 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/stevysmith/rive-skills

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

rive-scripting
5 Installazioni
rive-generator
4 Installazioni
rive-web
2 Installazioni