·rive-web
*

rive-web

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

Si attiva quando: (1) caricando o incorporando file .riv sul Web, (2) Utilizzando i pacchetti @rive-app/canvas o @rive-app/webgl, (3) Controllo delle macchine a stati Rive da JavaScript, (4) Lettura/scrittura di input Rive o gestione di eventi, (5) L'utente menziona "Rive runtime" o "Rive Animation" nel contesto web. Migliori pratiche per incorporare e controllare le animazioni Rive sul Web utilizzando il runtime ufficiale Rive JavaScript/TypeScript.

stevysmith·rive·web
2Installazioni·0Tendenza·@stevysmith

Installazione

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

Come installare rive-web

Installa rapidamente la skill AI rive-web 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-web
  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

Embed and control Rive animations on the web with JavaScript/TypeScript.

| Rive Instance | Main controller for the animation | | State Machine | Interactive logic built in Rive editor | | Inputs | Variables to control state machine (Boolean, Number, Trigger) | | Events | Signals fired by the state machine | | Artboard | Container for animation content |

@file rules/loading.md @file rules/state-machines.md @file rules/inputs.md

Si attiva quando: (1) caricando o incorporando file .riv sul Web, (2) Utilizzando i pacchetti @rive-app/canvas o @rive-app/webgl, (3) Controllo delle macchine a stati Rive da JavaScript, (4) Lettura/scrittura di input Rive o gestione di eventi, (5) L'utente menziona "Rive runtime" o "Rive Animation" nel contesto web. Migliori pratiche per incorporare e controllare le animazioni Rive sul Web utilizzando il runtime ufficiale Rive JavaScript/TypeScript. Fonte: stevysmith/rive-skills.

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-web
Fonte
stevysmith/rive-skills
Categoria
*Creatività
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/stevysmith/rive-skills/rive-web

Browse more skills from stevysmith/rive-skills

Risposte rapide

Che cos'è rive-web?

Si attiva quando: (1) caricando o incorporando file .riv sul Web, (2) Utilizzando i pacchetti @rive-app/canvas o @rive-app/webgl, (3) Controllo delle macchine a stati Rive da JavaScript, (4) Lettura/scrittura di input Rive o gestione di eventi, (5) L'utente menziona "Rive runtime" o "Rive Animation" nel contesto web. Migliori pratiche per incorporare e controllare le animazioni Rive sul Web utilizzando il runtime ufficiale Rive JavaScript/TypeScript. Fonte: stevysmith/rive-skills.

Come installo rive-web?

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-web 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
*Creatività
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

rive-react
8 Installazioni
rive-scripting
5 Installazioni
rive-generator
4 Installazioni