·rive-interactive
*

rive-interactive

Animation vectorielle basée sur une machine d'état avec interactivité d'exécution et intégration Web. Utilisez cette compétence lors de la création d'animations interactives, d'interfaces utilisateur pilotées par l'état, de composants animés avec logique ou d'animations créées par des concepteurs avec contrôle d'exécution. Déclencheurs sur des tâches impliquant Rive, des machines à états, des animations vectorielles interactives, des animations avec gestion des entrées, la liaison de données ViewModel ou l'intégration de React Rive. Alternative à Lottie pour les animations nécessitant des machines à états et une interactivité bidirectionnelle.

15Installations·2Tendance·@freshtechbro

Installation

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive

Comment installer rive-interactive

Installez rapidement le skill IA rive-interactive 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/freshtechbro/claudedesignskills --skill rive-interactive
  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 : freshtechbro/claudedesignskills.

Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.

Animation vectorielle basée sur une machine d'état avec interactivité d'exécution et intégration Web. Utilisez cette compétence lors de la création d'animations interactives, d'interfaces utilisateur pilotées par l'état, de composants animés avec logique ou d'animations créées par des concepteurs avec contrôle d'exécution. Déclencheurs sur des tâches impliquant Rive, des machines à états, des animations vectorielles interactives, des animations avec gestion des entrées, la liaison de données ViewModel ou l'intégration de React Rive. Alternative à Lottie pour les animations nécessitant des machines à états et une interactivité bidirectionnelle. Source : freshtechbro/claudedesignskills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-09
Mis à jour
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Réponses rapides

Qu'est-ce que rive-interactive ?

Animation vectorielle basée sur une machine d'état avec interactivité d'exécution et intégration Web. Utilisez cette compétence lors de la création d'animations interactives, d'interfaces utilisateur pilotées par l'état, de composants animés avec logique ou d'animations créées par des concepteurs avec contrôle d'exécution. Déclencheurs sur des tâches impliquant Rive, des machines à états, des animations vectorielles interactives, des animations avec gestion des entrées, la liaison de données ViewModel ou l'intégration de React Rive. Alternative à Lottie pour les animations nécessitant des machines à états et une interactivité bidirectionnelle. Source : freshtechbro/claudedesignskills.

Comment installer rive-interactive ?

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/freshtechbro/claudedesignskills --skill rive-interactive 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/freshtechbro/claudedesignskills