Qu’est-ce que rive-mcp ?
rive-mcp, de l'utilisateur GitHub ODU33104, donne à un client MCP 35 outils pour les fichiers d'animation Rive. Il écrit directement le format binaire .riv : un agent peut ainsi construire un fichier à partir d'une description de scène en JSON avec formes, dégradés, os, maillages, machines à états et images clés, modifier sans perte un fichier existant, inspecter son data binding et le passer au lint. Le rendu en PNG, GIF, APNG, WebM et planches de sprites s'appuie sur le runtime officiel de Rive en WebAssembly dans un Chromium sans interface.
Il transforme aussi en un appel le PNG d'un personnage en .riv riggé avec clignement et animations au repos, importe SVG et Lottie, exporte en Lottie et ouvre un Studio web local où vous modifiez ce que l'agent a construit et lui laissez des notes. Le serveur MCP de Rive, lui, exige que l'éditeur Rive Early Access soit ouvert.
Le projet a démarré le 17 juillet 2026, comptait 32 étoiles GitHub lors de notre vérification et a publié la v0.12.0 sur npm le 29 octobre 2026. Il est écrit en TypeScript et n'a aucun lien avec Rive.
Installer rive-mcp
npx -y rive-mcp-serverrive-mcp vaut-il le coup ?
Le grand atout de rive-mcp, c'est qu'il se passe de l'éditeur Rive. Le serveur MCP officiel de Rive vit dans l'application de bureau Early Access et ne fonctionne que tant qu'elle est ouverte avec un fichier chargé. Ce serveur lit et écrit lui-même le format binaire, à partir des définitions de types du runtime de Rive sous licence MIT : un agent peut donc créer une animation de zéro en CI ou sur une machine sans compte Rive. Les aperçus viennent du runtime officiel, ce qui les garde proches de ce qui sera livré.
La liste d'outils va bien au-delà de l'édition. riv_rig_character découpe le PNG d'un personnage en parties et assemble en un appel les os, un maillage de tête avec skinning, des clignements, des animations de repos et de joie et une machine à états. riv_lint signale les références cassées, les états inaccessibles et les mouvements robotiques entièrement linéaires ; riv_critique rassemble images et métriques pour qu'un modèle de vision juge son propre travail ; riv_preflight indique quels runtimes, du web à Unity, peuvent lire un fichier. Le Studio local, sur 127.0.0.1, offre à une personne une chronologie, un inspecteur et un éditeur de courbes pour corriger le résultat.
Le hic : la licence. Le README et le LICENSE parlent de freeware au code consultable : utilisation libre, y compris commerciale, mais interdiction de le modifier, d'en faire un fork ou de le redistribuer sans autorisation écrite, et l'analyse du code assistée par IA est proscrite. Avec un seul mainteneur et 32 étoiles, aucun fork communautaire ne prendra le relais si l'auteur s'arrête. Le README liste aussi de vraies lacunes : les GIF n'ont pas de transparence, l'aperçu Canvas2D peut montrer des coutures de maillage absentes du fichier, le flou de contour est écrit mais pas prévisualisé, et ni les scripts Luau ni le moteur Layout ne sont générés.
Notre avis : pour produire des indicateurs de chargement, des icônes et des boucles de personnage simples à partir d'un prompt, c'est la voie la plus capable que nous ayons lue, et les fichiers produits restent à vous. Considérez le serveur comme un outil loué gratuitement, pas comme une dépendance qui vous appartient.
Là où il fait la différence
Un développeur front-end dans un petit studio d'applications
Livrer une illustration animée pour un état vide sans embaucher de motion designer
Demandez une scène construite à partir de design tokens et de presets de mouvement, lancez riv_critique quelques fois, puis riv_generate_code pour le composant React. Gratuit ; prévoyez une heure de relecture dans le Studio.
Un développeur de jeux indépendant
Rigger une mascotte 2D dessinée dans un seul PNG
riv_slice_image découpe oreilles et queue, riv_rig_character construit les os, le clignement et la boucle de repos, et riv_render_sprites exporte une planche pour le moteur. Vérifiez le maillage dans un runtime GPU, car l'aperçu Canvas2D peut montrer des coutures.
Une équipe design system dotée d'une bibliothèque Lottie
Migrer des animations Lottie existantes vers Rive
riv_lottie_import convertit images clés et tracés et compte ce qu'il n'a pas pu reprendre ; riv_visual_diff et riv_ab_compare montrent les différences pour validation.
Avant de vous engager
- Mise en route
- Exige Node.js 20+ et Chrome, Edge ou Chromium. claude mcp add --scope user rive -- npx -y rive-mcp-server, ou installez le plugin Claude Code depuis le marketplace du dépôt ; riv_setup peut ajouter la skill de règles de design fournie.
- Intégrations
- 35 outils via stdio ; génération de code pour React, JavaScript, Vue, Svelte et Flutter ; import SVG et Lottie, export Lottie ; recherche d'icônes Iconify ; frames Figma en option avec FIGMA_TOKEN.
- Données et confidentialité
- Fonctionne en local. Les appels externes se limitent à Iconify pour la recherche d'icônes, à Figma quand FIGMA_TOKEN est défini et à npm au premier lancement. Le Studio se lie à 127.0.0.1 ; share: true ouvre à votre réseau local une vue en lecture seule derrière une URL à jeton impossible à deviner.
- Coût à grande échelle
- Gratuit quel que soit le nombre d'utilisateurs, usage commercial compris. Aucune offre payante ni contrat de support n'est publié.
- Limites
- Pas de transparence dans les GIF ; le flou de contour et l'audio réservé au GPU ne sont pas prévisualisés ; ni scripts Luau ni Layout ne sont générés ; la détection de capture vers prototype est sensible au moindre bruit de pixels.
Les points forts
- Fonctionne sans l'éditeur Rive ni abonnement
- Rendu avec le runtime officiel de Rive
- Rigging de personnage depuis un PNG en un appel
- Outils de lint, de critique et de vérification des runtimes
Les points faibles
- La licence freeware interdit forks et modifications
- Un seul mainteneur, 32 étoiles
- L'aperçu diffère par endroits du rendu GPU
- Exige Node.js 20 et un navigateur Chromium
Idéal pour
Les développeurs front-end et petites équipes produit qui veulent qu'un agent crée ou ajuste des animations Rive sans posséder l'éditeur Rive.
Alternatives à rive-mcp
rive-mcp : questions fréquentes
- rive-mcp vaut-il le coup ?
- rive-mcp fait bien plus avec les fichiers .riv que le serveur de Rive lui-même, mais c'est le freeware d'une seule personne sous une licence restrictive : ne bâtissez dessus que ce que vous pourriez refaire ailleurs. Nous lui donnons 3.5 sur 5.
- Combien coûte rive-mcp ?
- Gratuit pour un usage personnel et commercial sous sa propre licence freeware ; toute modification ou redistribution exige l'autorisation écrite de l'auteur. Les fichiers .riv et le code générés vous appartiennent.
- Quels sont les inconvénients de rive-mcp ?
- La licence freeware interdit forks et modifications; un seul mainteneur, 32 étoiles; l'aperçu diffère par endroits du rendu GPU; exige Node.js 20 et un navigateur Chromium.
- À qui s’adresse rive-mcp ?
- Les développeurs front-end et petites équipes produit qui veulent qu'un agent crée ou ajuste des animations Rive sans posséder l'éditeur Rive.
- Combien coûte rive-mcp pour une équipe ou en production ?
- Gratuit quel que soit le nombre d'utilisateurs, usage commercial compris. Aucune offre payante ni contrat de support n'est publié.
- rive-mcp est-il sûr pour les données de l’entreprise ?
- Fonctionne en local. Les appels externes se limitent à Iconify pour la recherche d'icônes, à Figma quand FIGMA_TOKEN est défini et à npm au premier lancement. Le Studio se lie à 127.0.0.1 ; share: true ouvre à votre réseau local une vue en lecture seule derrière une URL à jeton impossible à deviner.
- Quelles sont les meilleures alternatives à rive-mcp ?
- Les alternatives les plus proches que nous avons testées sont Figma MCP Server et Illustrator MCP Server.
Réponses vérifiées le 13 nov. 2026.