rive-web
✓Se déclenche lorsque : (1) Chargement ou intégration de fichiers .riv sur le Web, (2) En utilisant les packages @rive-app/canvas ou @rive-app/webgl, (3) Contrôler les machines à états Rive à partir de JavaScript, (4) Lecture/écriture des entrées Rive ou gestion des événements, (5) L'utilisateur mentionne "Rive runtime" ou "Rive animation" dans un contexte Web. Bonnes pratiques pour intégrer et contrôler les animations Rive sur le Web en utilisant le runtime officiel Rive JavaScript/TypeScript.
Installation
SKILL.md
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
Se déclenche lorsque : (1) Chargement ou intégration de fichiers .riv sur le Web, (2) En utilisant les packages @rive-app/canvas ou @rive-app/webgl, (3) Contrôler les machines à états Rive à partir de JavaScript, (4) Lecture/écriture des entrées Rive ou gestion des événements, (5) L'utilisateur mentionne "Rive runtime" ou "Rive animation" dans un contexte Web. Bonnes pratiques pour intégrer et contrôler les animations Rive sur le Web en utilisant le runtime officiel Rive JavaScript/TypeScript. Source : stevysmith/rive-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/stevysmith/rive-skills --skill rive-web- Source
- stevysmith/rive-skills
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que rive-web ?
Se déclenche lorsque : (1) Chargement ou intégration de fichiers .riv sur le Web, (2) En utilisant les packages @rive-app/canvas ou @rive-app/webgl, (3) Contrôler les machines à états Rive à partir de JavaScript, (4) Lecture/écriture des entrées Rive ou gestion des événements, (5) L'utilisateur mentionne "Rive runtime" ou "Rive animation" dans un contexte Web. Bonnes pratiques pour intégrer et contrôler les animations Rive sur le Web en utilisant le runtime officiel Rive JavaScript/TypeScript. Source : stevysmith/rive-skills.
Comment installer rive-web ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/stevysmith/rive-skills --skill rive-web Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/stevysmith/rive-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01