Rive Interactive

Ce que cela fait

Rive Interactive propose des modèles et des exemples pour créer des animations vectorielles pilotées par machine à états qui réagissent aux entrées utilisateur et aux données de l'application. Il couvre les machines à états, les entrées (booléen/nombre/déclencheur), la liaison bidirectionnelle ViewModel, les événements, le contrôle des propriétés au runtime et l'intégration multiplateforme (React, Web, React Native, iOS, Android, Flutter). Des exemples de code concrets et des scripts aident à générer des composants et des liaisons ViewModel.

Quand l'utiliser

Utilisez cette compétence lorsque vous avez besoin d'animations d'interface utilisateur interactives avec des transitions complexes, des visualisations basées sur des données, des composants animés (boutons, commutateurs, chargeurs), ou lorsque des ressources Rive créées par un designer nécessitent un contrôle au runtime que les outils basés sur une chronologie (comme Lottie) ne peuvent pas fournir.

Ce qui est inclus

• Scripts : component_generator.py, viewmodel_builder.py (has_scripts=true)
• Références : exemples, modèles de démarrage, liens vers la documentation (has_references=true)
• Instructions : modèles React étape par étape pour l'intégration de fichiers .riv, la liaison des entrées de machine à états, l'écoute d'événements, le préchargement et des conseils de performance.

Agents compatibles

Probablement compatible avec les assistants de codage orientés développeurs (Claude Code, agents de style Copilot) capables de lire et de générer du code React/JSX et du code d'intégration.