Rive MCP : Comment connecter Claude Code, Cursor et Codex à Rive

À propos de ce guide

ExodeUI n'est pas affilié à Rive ou Anthropic. Ce guide est basé sur la propre documentation de Rive en octobre 2026. Les fonctionnalités d'IA de Rive changent rapidement, alors consultez la page officielle de MCP si une étape ne correspond pas à ce que vous voyez. Nous créons ExodeUI, qui possède son propre serveur MCP, et nous comparons les deux à la fin.

Ce que le serveur Rive MCP peut faire

Rive indique que les premiers outils sont destinés aux travaux répétitifs, tels que la création de modèles de vue ou de machines à états avec des centaines d'états et de couches. Selon la documentation de Rive, un outil d'IA connecté peut :

• Créez et gérez des fichiers : ajoutez, renommez, redimensionnez, organisez et concentrez des plans de travail.
• Inspectez et modifiez la scène : interrogez la hiérarchie, sélectionnez des objets, mettez à jour les propriétés, dupliquez, réorganisez, reparentez ou supprimez des éléments.
• Construisez des conceptions : formes, chemins, mises en page, instances de composants et listes
• Créer des animations et des interactions : animations linéaires, machines à états, états, transitions, conditions, images clés et interpolation
• Travailler avec la liaison de données : afficher les modèles, les propriétés, les instances et les liaisons
• Modifier les scripts Luau et les shaders WGSL : mettre à jour le code, exécuter des diagnostics, recompiler, tester et lire la sortie de la console

Comment configurer Rive MCP avec Claude Code

MCP ne fonctionne qu'avec l'éditeur de bureau, pas avec la version du navigateur. Ouvrez d'abord Rive, puis connectez votre outil d'IA.

Comment configurer Rive MCP avec Cursor et Codex

Dans Cursor, ouvrez Paramètres, accédez à Outils et MCPs, choisissez Ajouter un MCP personnalisé et ajoutez un serveur nommé rive avec l'URL http://127.0.0.1:9791/mcp, puis activez la connexion. Rive documente Claude Code et Cursor. Étant donné que le serveur est un serveur HTTP MCP local, d'autres clients prenant en charge les serveurs HTTP MCP, tels que Codex, peuvent se connecter avec la même URL.

Agent IA intégré Rive MCP vs Rive

Rive dispose également d'un agent AI dans l'éditeur. Les deux peuvent modifier votre fichier. La différence réside dans qui paie et ce que l’agent peut voir d’autre.

• L'agent intégré fonctionne sur les forfaits Rive : limité sur Free et Cadet, avec des modèles avancés, des crédits de recharge et votre propre clé API sur Voyager.
• Avec MCP, vous utilisez l'abonnement IA que vous payez déjà, comme Claude ou Cursor
• Un agent externe peut également lire le code, les notes et les documents de votre application, afin de pouvoir modifier le fichier Rive et le connecter à votre application au cours de la même session.
• L'agent intégré ne nécessite aucune configuration et fonctionne dans l'éditeur de navigateur

Rive MCP par rapport à la CLI Rive

La nouvelle CLI de Rive est une voie différente. Au lieu de piloter l'éditeur ouvert, votre agent de codage écrit la scène sous forme de texte dans le langage de balisage Rive (RML) et la CLI crée des fichiers .riv pour votre application ou des fichiers .rev qui s'ouvrent dans l'éditeur. Il affiche un aperçu local, peut restituer des images et exécuter des tests sans fenêtre, et conserve le projet sous forme de dossier de texte, afin qu'il puisse vivre dans le contrôle de version. Utilisez MCP pour travailler avec un concepteur dans l'éditeur ; utilisez la CLI lorsqu'un agent crée ou modifie des graphiques Rive à partir du code.

Limites à connaître avant de commencer

L'intégration MCP de Rive est jeune et présente certaines limites pratiques.

• Éditeur de bureau uniquement, sur macOS et Windows, et Rive doit être ouvert avec votre fichier
• L'IA fonctionne sur le fichier ouvert, alors vérifiez le résultat à l'écran avant de lui faire confiance
• La publication de fichiers .riv sans l'écran de démarrage Rive nécessite toujours un forfait payant, de Cadet à 9 $ par siège et par mois, facturé annuellement.
• Les invites qui décrivent le résultat souhaité fonctionnent mieux que les invites qui décrivent le code

Une alternative : le serveur MCP de ExodeUI

ExodeUI est un navigateur et un outil de bureau pour l'interface utilisateur et l'animation interactives. Il dispose également d'un serveur MCP, de sorte que Claude Code, Cursor et d'autres outils de codage d'IA peuvent créer et modifier des animations à partir d'invites en langage simple. Le résultat est un fichier .exode JSON ouvert avec des machines à états, la physique des ressorts, ainsi que des entrées et des événements contrôlés par votre code, joué par les environnements d'exécution pour React, Vue, Svelte, Angular, Solid, React Native, SwiftUI et Flutter. Il convient davantage à l’interface utilisateur interactive du produit qu’à l’animation de personnages. Si vous travaillez déjà avec Rive, son serveur MCP est le choix le plus simple.