Rive MCP: So verbinden Sie Claude Code, Cursor und Codex mit Rive

Über diesen Leitfaden

ExodeUI ist nicht mit Rive oder Anthropic verbunden. Diese Anleitung basiert auf der eigenen Dokumentation von Rive mit Stand Oktober 2026. Die KI-Funktionen von Rive ändern sich schnell. Schauen Sie daher auf der offiziellen MCP-Seite nach, wenn ein Schritt nicht mit dem übereinstimmt, was Sie sehen. Wir erstellen ExodeUI, das über einen eigenen MCP-Server verfügt, und vergleichen die beiden am Ende.

Was der Rive MCP-Server kann

Laut Rive zielen die ersten Tools auf sich wiederholende Arbeiten ab, beispielsweise auf die Erstellung von Ansichtsmodellen oder Zustandsmaschinen mit Hunderten von Zuständen und Ebenen. Den Dokumenten von Rive zufolge kann ein vernetztes KI-Tool:

• Erstellen und verwalten Sie Dateien: Zeichenflächen hinzufügen, umbenennen, in der Größe ändern, anordnen und fokussieren
• Untersuchen und bearbeiten Sie die Szene: Fragen Sie die Hierarchie ab, wählen Sie Objekte aus, aktualisieren Sie Eigenschaften, duplizieren, ordnen Sie Elemente neu an oder löschen Sie sie
• Erstellen Sie Designs: Formen, Pfade, Layouts, Komponenteninstanzen und Listen
• Erstellen Sie Animationen und Interaktionen: lineare Animationen, Zustandsautomaten, Zustände, Übergänge, Bedingungen, Keyframes und Interpolation
• Arbeiten Sie mit Datenbindung: Zeigen Sie Modelle, Eigenschaften, Instanzen und Bindungen an
• Bearbeiten Sie Luau-Skripte und WGSL-Shader: Aktualisieren Sie Code, führen Sie Diagnosen aus, kompilieren Sie neu, testen Sie und lesen Sie die Konsolenausgabe

So richten Sie Rive MCP mit Claude Code ein

MCP funktioniert nur mit dem Desktop-Editor, nicht mit der Browserversion. Öffnen Sie zuerst Rive und schließen Sie dann Ihr KI-Tool an.

So richten Sie Rive MCP mit Cursor und Codex ein

Öffnen Sie in Cursor die Einstellungen, gehen Sie zu Extras & MCPs, wählen Sie „Benutzerdefiniertes MCP hinzufügen“ und fügen Sie einen Server namens rive mit der URL http://127.0.0.1:9791/mcp hinzu und schalten Sie dann die Verbindung ein. Rive dokumentiert Claude Code und Cursor. Da es sich bei dem Server um einen lokalen HTTP-MCP-Server handelt, können andere Clients, die HTTP-MCP-Server unterstützen, wie z. B. Codex, eine Verbindung mit derselben URL herstellen.

Rive MCP im Vergleich zum integrierten KI-Agenten von Rive

Rive verfügt außerdem über einen KI-Agenten im Editor. Beide können Ihre Datei bearbeiten. Der Unterschied besteht darin, wer bezahlt und was der Makler sonst noch sehen kann.

• Der integrierte Agent läuft auf den Plänen von Rive: beschränkt auf Free und Cadet, mit erweiterten Modellen, Aufladeguthaben und Ihrem eigenen API-Schlüssel auf Voyager
• Mit MCP nutzen Sie das KI-Abonnement, für das Sie bereits bezahlen, z. B. Claude oder Cursor
• Ein externer Agent kann auch Ihren App-Code, Ihre Notizen und Dokumente lesen, sodass er die Rive-Datei bearbeiten und in derselben Sitzung mit Ihrer App verbinden kann
• Der integrierte Agent erfordert keine Einrichtung und funktioniert im Browser-Editor

Rive MCP im Vergleich zur Rive-CLI

Die neuere CLI von Rive ist ein anderer Weg. Anstatt den offenen Editor zu steuern, schreibt Ihr Codierungsagent die Szene als Text in Rive Markup Language (RML) und die CLI erstellt .riv-Dateien für Ihre App oder .rev-Dateien, die im Editor geöffnet werden. Es zeigt eine lokale Vorschau an, kann Frames rendern und Tests ohne Fenster ausführen und behält das Projekt als Textordner bei, sodass es in der Versionskontrolle leben kann. Verwenden Sie MCP, um mit einem Designer im Editor zu arbeiten. Verwenden Sie die CLI, wenn ein Agent Rive-Grafiken aus Code erstellt oder bearbeitet.

Grenzen, die Sie kennen sollten, bevor Sie beginnen

Die MCP-Integration von Rive ist jung und weist einige praktische Grenzen auf.

• Nur Desktop-Editor, unter macOS und Windows, und Rive muss mit Ihrer Datei geöffnet sein
• Die KI arbeitet an der geöffneten Datei. Überprüfen Sie daher das Ergebnis auf dem Bildschirm, bevor Sie ihr vertrauen
• Für die Veröffentlichung von .riv-Dateien ohne den Rive-Begrüßungsbildschirm ist weiterhin ein kostenpflichtiger Tarif von Cadet für 9 US-Dollar pro Arbeitsplatz und Monat mit jährlicher Abrechnung erforderlich
• Eingabeaufforderungen, die das gewünschte Ergebnis beschreiben, funktionieren besser als Eingabeaufforderungen, die Code beschreiben

Eine Alternative: ExodeUIs MCP-Server

ExodeUI ist ein Browser- und Desktop-Tool für interaktive Benutzeroberfläche und Animation. Es verfügt außerdem über einen MCP-Server, sodass Claude Code, Cursor und andere KI-Codierungstools Animationen aus Klartext-Eingabeaufforderungen erstellen und bearbeiten können. Das Ergebnis ist eine offene .exode JSON-Datei mit Zustandsmaschinen, Federphysik sowie Eingaben und Ereignissen, die Ihr Code steuert, abgespielt von Laufzeiten für React, Vue, Svelte, Angular, Solid, React Native, SwiftUI und Flutter. Es eignet sich eher für die interaktive Benutzeroberfläche eines Produkts als für die Charakteranimation. Wenn Sie bereits mit Rive arbeiten, ist der MCP-Server die einfachere Wahl.