·rive-react
</>

rive-react

stevysmith/rive-skills

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.

8Installations·0Tendance·@stevysmith

Installation

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

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

Voir l'original

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