·frontend-rive
</>

frontend-rive

Animations interactives basées sur l'état avec machines à états intégrées. À utiliser lorsque les animations doivent RÉAGIR aux entrées de l'utilisateur (survoler, cliquer, faire glisser), avoir plusieurs états/transitions ou répondre aux valeurs des données (barres de progression, compteurs). Idéal pour les boutons animés, les bascules, les cases à cocher, les personnages. Pour des animations de lecture/boucle simples, utilisez plutôt Lottie.

8Installations·0Tendance·@petbrains

Installation

$npx skills add https://github.com/petbrains/mvp-builder --skill frontend-rive

Comment installer frontend-rive

Installez rapidement le skill IA frontend-rive dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/petbrains/mvp-builder --skill frontend-rive
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : petbrains/mvp-builder.

Interactive animations with built-in state machines. Animation logic inside the .riv file.

| Just plays/loops | Lottie | | Reacts to hover | Rive | | Controlled by data | Rive | | Multiple states | Rive | | Simple loader | Lottie |

Animations interactives basées sur l'état avec machines à états intégrées. À utiliser lorsque les animations doivent RÉAGIR aux entrées de l'utilisateur (survoler, cliquer, faire glisser), avoir plusieurs états/transitions ou répondre aux valeurs des données (barres de progression, compteurs). Idéal pour les boutons animés, les bascules, les cases à cocher, les personnages. Pour des animations de lecture/boucle simples, utilisez plutôt Lottie. Source : petbrains/mvp-builder.

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/petbrains/mvp-builder --skill frontend-rive Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-rive
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-10

Browse more skills from petbrains/mvp-builder

Réponses rapides

Qu'est-ce que frontend-rive ?

Animations interactives basées sur l'état avec machines à états intégrées. À utiliser lorsque les animations doivent RÉAGIR aux entrées de l'utilisateur (survoler, cliquer, faire glisser), avoir plusieurs états/transitions ou répondre aux valeurs des données (barres de progression, compteurs). Idéal pour les boutons animés, les bascules, les cases à cocher, les personnages. Pour des animations de lecture/boucle simples, utilisez plutôt Lottie. Source : petbrains/mvp-builder.

Comment installer frontend-rive ?

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/petbrains/mvp-builder --skill frontend-rive Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/petbrains/mvp-builder