rive-react
✓Déclenchez lorsque : (1) En utilisant @rive-app/react-canvas ou @rive-app/react-webgl, (2) À l'aide du hook useRive ou de RiveComponent, (3) Création de composants React avec des animations Rive, (4) L'utilisateur mentionne "Rive React" ou "useRive", (5) Implémentation d'animations basées sur le défilement ou parallaxe avec Rive. Bonnes pratiques pour intégrer les animations Rive dans les applications React en utilisant le package officiel Rive React. Couvre les crochets, la mise en page et les animations de défilement.
Installation
SKILL.md
@file rules/use-rive.md @file rules/callbacks.md @file rules/layout.md @file rules/scroll-animations.md
Déclenchez lorsque : (1) En utilisant @rive-app/react-canvas ou @rive-app/react-webgl, (2) À l'aide du hook useRive ou de RiveComponent, (3) Création de composants React avec des animations Rive, (4) L'utilisateur mentionne "Rive React" ou "useRive", (5) Implémentation d'animations basées sur le défilement ou parallaxe avec Rive. Bonnes pratiques pour intégrer les animations Rive dans les applications React en utilisant le package officiel Rive React. Couvre les crochets, la mise en page et les animations de défilement. Source : stevysmith/rive-skills.
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-react Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
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-react- Source
- stevysmith/rive-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que rive-react ?
Déclenchez lorsque : (1) En utilisant @rive-app/react-canvas ou @rive-app/react-webgl, (2) À l'aide du hook useRive ou de RiveComponent, (3) Création de composants React avec des animations Rive, (4) L'utilisateur mentionne "Rive React" ou "useRive", (5) Implémentation d'animations basées sur le défilement ou parallaxe avec Rive. Bonnes pratiques pour intégrer les animations Rive dans les applications React en utilisant le package officiel Rive React. Couvre les crochets, la mise en page et les animations de défilement. Source : stevysmith/rive-skills.
Comment installer rive-react ?
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-react 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
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01