·rive-generator
</>

rive-generator

Si attiva quando: (1) l'utente desidera creare un'animazione Rive a livello di codice, (2) L'utente menziona "genera file .riv" o "crea animazione Rive", (3) L'utente desidera vedere un'animazione visiva creata dal codice, (4) Lavorare al progetto rive-generator. Genera file .riv a livello di codice utilizzando TypeScript. Crea forme statiche e animazioni. Richiede il pacchetto npm @stevysmith/rive-generator.

4Installazioni·0Tendenza·@stevysmith

Installazione

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

Come installare rive-generator

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

| addArtboard(options) | Add an artboard (canvas) | | addNode(parent, options) | Add a transform group | | addShape(parent, options) | Add a shape container | | addEllipse(shape, options) | Add an ellipse/circle | | addRectangle(shape, options) | Add a rectangle | | addPointsPath(shape, options) | Add a custom vector path |

| addVertex(path, options) | Add a straight vertex | | addFill(shape, options) | Add a fill | | addStroke(shape, options) | Add a stroke | | addSolidColor(paint, color) | Set solid color | | addLinearGradient(paint, options) | Add linear gradient | | addRadialGradient(paint, options) | Add radial gradient |

| addGradientStop(gradient, options) | Add gradient color stop | | addLinearAnimation(artboard, options) | Add an animation | | addKeyedObject(animation, targetId) | Link animation to object | | addKeyedProperty(keyedObject, propertyKey) | Specify property to animate | | addKeyFrameDouble(keyedProperty, options) | Add a keyframe |

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-generator
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-11

Browse more skills from stevysmith/rive-skills

Risposte rapide

Che cos'è rive-generator?

Si attiva quando: (1) l'utente desidera creare un'animazione Rive a livello di codice, (2) L'utente menziona "genera file .riv" o "crea animazione Rive", (3) L'utente desidera vedere un'animazione visiva creata dal codice, (4) Lavorare al progetto rive-generator. Genera file .riv a livello di codice utilizzando TypeScript. Crea forme statiche e animazioni. Richiede il pacchetto npm @stevysmith/rive-generator. Fonte: stevysmith/rive-skills.

Come installo rive-generator?

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-generator 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