Was ist rive-mcp?
rive-mcp vom GitHub-Nutzer ODU33104 gibt einem MCP-Client 35 Tools für Rive-Animationsdateien. Er schreibt das binäre .riv-Format direkt, sodass ein Agent eine Datei aus einer JSON-Szenenbeschreibung mit Formen, Verläufen, Knochen, Meshes, State Machines und Keyframes bauen, eine vorhandene Datei verlustfrei bearbeiten, ihr Data Binding untersuchen und sie linten kann. Gerendert wird nach PNG, GIF, APNG, WebM und in Sprite-Sheets mit der offiziellen Rive-Runtime in WebAssembly in einem Headless-Chromium.
Außerdem macht er aus einem Figuren-PNG in einem Aufruf eine geriggte .riv-Datei mit Blinzeln und Idle-Animationen, importiert SVG und Lottie, exportiert Lottie und öffnet ein lokales Web-Studio, in dem du bearbeitest, was der Agent gebaut hat, und ihm Notizen hinterlässt. Rives eigener MCP-Server braucht dagegen den laufenden Rive-Editor in der Early-Access-Version.
Das Projekt startete am 17. Juli 2026, hatte bei unserer Prüfung 32 GitHub-Sterne und veröffentlichte v0.12.0 am 29. Oktober 2026 auf npm. Es ist in TypeScript geschrieben und nicht mit Rive verbunden.
rive-mcp installieren
npx -y rive-mcp-serverLohnt sich rive-mcp?
Der wichtigste Kniff von rive-mcp: Er braucht keinen Rive-Editor. Rives offizieller MCP-Server steckt in der Early-Access-Desktop-App und funktioniert nur, solange diese App mit einer geladenen Datei offen ist. Dieser Server liest und schreibt das Binärformat selbst, mit Typdefinitionen aus Rives MIT-lizenzierter Runtime, sodass ein Agent eine Animation in der CI oder auf einem Rechner ohne Rive-Konto von Grund auf bauen kann. Die Vorschauen kommen aus der offiziellen Runtime und liegen damit nah an dem, was ausgeliefert wird.
Die Tool-Liste reicht weit über das Bearbeiten von Dateien hinaus. riv_rig_character zerlegt ein Figuren-PNG in Teile und baut in einem Aufruf Knochen, ein geskinntes Kopf-Mesh, Blinzeln, Idle- und Happy-Animationen und eine State Machine. riv_lint meldet kaputte Referenzen, unerreichbare Zustände und roboterhaft lineare Bewegung; riv_critique bündelt Frames und Kennzahlen, damit ein Vision-Modell seine eigene Arbeit beurteilen kann; riv_preflight zeigt, welche Runtimes vom Web bis Unity eine Datei abspielen können. Das lokale Studio auf 127.0.0.1 gibt einem Menschen Zeitleiste, Inspektor und Kurveneditor, um das Ergebnis zu korrigieren.
Der Haken: die Lizenz. README und LICENSE nennen es quelltextoffene Freeware: frei nutzbar, auch kommerziell, aber du darfst es ohne schriftliche Erlaubnis weder ändern noch forken noch weitergeben, und KI-gestützte Analyse des Codes ist verboten. Bei einem einzigen Maintainer und 32 Sternen heißt das: Hört der Autor auf, gibt es keinen Community-Fork. Das README nennt auch echte Lücken: GIFs haben keine Transparenz, die Canvas2D-Vorschau kann Mesh-Nähte zeigen, die in der Datei nicht existieren, Feathering wird geschrieben, aber nicht in der Vorschau gezeigt, und Luau-Skripte sowie die Layout-Engine werden nicht erzeugt.
Unser Fazit: Für Ladeanimationen, Icons und einfache Figuren-Loops aus einem Prompt ist es der leistungsfähigste Weg, von dem wir gelesen haben, und die erzeugten Dateien gehören dir. Behandle den Server als Werkzeug, das du kostenlos mietest, nicht als Abhängigkeit, die dir gehört.
Wo es sich lohnt
Ein Frontend-Entwickler in einem kleinen App-Studio
Eine animierte Illustration für einen leeren Zustand ausliefern, ohne einen Motion Designer zu engagieren
Lass eine Szene aus Design-Tokens und Bewegungs-Presets bauen, führe riv_critique ein paar Mal aus und dann riv_generate_code für die React-Komponente. Kostenlos; plane eine Stunde Durchsicht im Studio ein.
Ein Indie-Spieleentwickler
Ein 2D-Maskottchen riggen, das als einzelnes PNG gezeichnet ist
riv_slice_image schneidet Ohren und Schwanz aus, riv_rig_character baut Knochen, Blinzeln und Idle-Loop, und riv_render_sprites exportiert ein Sheet für die Engine. Prüfe das Mesh in einer GPU-Runtime, denn die Canvas2D-Vorschau kann Nähte zeigen.
Ein Design-System-Team mit einer Lottie-Bibliothek
Vorhandene Lottie-Animationen nach Rive umziehen
riv_lottie_import überträgt Keyframes und Pfade und zählt, was nicht übernommen werden konnte; riv_visual_diff und riv_ab_compare zeigen die Unterschiede zur Abnahme.
Bevor du dich festlegst
- Einrichtung
- Braucht Node.js 20+ und Chrome, Edge oder Chromium. claude mcp add --scope user rive -- npx -y rive-mcp-server, oder installiere das Claude-Code-Plugin aus dem Marketplace des Repos; riv_setup kann den mitgelieferten Skill mit Design-Richtlinien hinzufügen.
- Integrationen
- 35 Tools über stdio; Code-Generierung für React, JavaScript, Vue, Svelte und Flutter; SVG- und Lottie-Import, Lottie-Export; Icon-Suche bei Iconify; optional Figma-Frames mit FIGMA_TOKEN.
- Daten und Datenschutz
- Läuft lokal. Externe Aufrufe beschränken sich auf Iconify für die Icon-Suche, Figma bei gesetztem FIGMA_TOKEN und npm beim ersten Start. Das Studio bindet an 127.0.0.1; share: true öffnet eine schreibgeschützte Ansicht für dein LAN hinter einer nicht erratbaren Token-URL.
- Kosten im großen Maßstab
- Kostenlos für beliebig viele Nutzer, kommerzielle Nutzung eingeschlossen. Ein Bezahlplan oder Supportvertrag ist nicht veröffentlicht.
- Grenzen
- GIFs ohne Transparenz; Feathering und reines GPU-Audio erscheinen nicht in der Vorschau; Luau-Skripte und Layout werden nicht erzeugt; die Erkennung von Screenshot zu Prototyp reagiert empfindlich auf kleines Pixelrauschen.
Was gut ist
- Funktioniert ohne Rive-Editor und ohne Abo
- Rendert mit der offiziellen Rive-Runtime
- Figuren-Rigging aus einem PNG in einem Aufruf
- Tools für Lint, Kritik und Runtime-Vorabprüfung
Was nicht
- Freeware-Lizenz verbietet Forks und Änderungen
- Ein einzelner Maintainer, 32 Sterne
- Vorschau weicht stellenweise vom GPU-Rendering ab
- Braucht Node.js 20 und einen Chromium-Browser
Am besten für
Frontend-Entwickler und kleine Produktteams, die einen Agenten Rive-Animationen erstellen oder anpassen lassen wollen, ohne den Rive-Editor zu besitzen.
Alternativen zu rive-mcp
rive-mcp: häufige Fragen
- Lohnt sich rive-mcp?
- rive-mcp kann mit .riv-Dateien weit mehr als Rives eigener Server, ist aber die Freeware einer einzelnen Person mit restriktiver Lizenz, also bau darauf nur, was du anderswo neu bauen könntest. Wir bewerten es mit 3.5 von 5.
- Was kostet rive-mcp?
- Kostenlos für private und kommerzielle Nutzung unter einer eigenen Freeware-Lizenz; Änderung und Weitergabe brauchen die schriftliche Erlaubnis des Autors. Erzeugte .riv-Dateien und erzeugter Code gehören dir.
- Welche Nachteile hat rive-mcp?
- Freeware-Lizenz verbietet Forks und Änderungen; Ein einzelner Maintainer, 32 Sterne; Vorschau weicht stellenweise vom GPU-Rendering ab; Braucht Node.js 20 und einen Chromium-Browser.
- Für wen eignet sich rive-mcp?
- Frontend-Entwickler und kleine Produktteams, die einen Agenten Rive-Animationen erstellen oder anpassen lassen wollen, ohne den Rive-Editor zu besitzen.
- Was kostet rive-mcp für ein Team oder im Produktivbetrieb?
- Kostenlos für beliebig viele Nutzer, kommerzielle Nutzung eingeschlossen. Ein Bezahlplan oder Supportvertrag ist nicht veröffentlicht.
- Ist rive-mcp sicher für Firmendaten?
- Läuft lokal. Externe Aufrufe beschränken sich auf Iconify für die Icon-Suche, Figma bei gesetztem FIGMA_TOKEN und npm beim ersten Start. Das Studio bindet an 127.0.0.1; share: true öffnet eine schreibgeschützte Ansicht für dein LAN hinter einer nicht erratbaren Token-URL.
- Was sind die besten Alternativen zu rive-mcp?
- Die nächsten Alternativen, die wir getestet haben, sind Figma MCP Server und Illustrator MCP Server.
Antworten geprüft am 13. Nov. 2026.