Rive MCP: Πώς να συνδέσετε τα Claude Code, Cursor και Codex στο Rive
Πώς λειτουργεί ο διακομιστής Rive MCP, πώς να συνδέσετε τα Claude Code και Cursor με τον επεξεργαστή Rive, τι μπορεί και τι δεν μπορεί να κάνει το AI και πώς συγκρίνεται με τον ενσωματωμένο πράκτορα του Rive και το Rive CLI.
Core Takeaway
Ο διακομιστής Rive MCP είναι ενσωματωμένος στον επεξεργαστή επιτραπέζιου υπολογιστή Rive για Mac και Windows. Ενώ το Rive είναι ανοιχτό, εκτελείται στη διεύθυνση http://127.0.0.1:9791/mcp και τα εργαλεία κωδικοποίησης AI, όπως το Claude Code και το Cursor, μπορούν να συνδεθούν σε αυτό για να δημιουργήσουν πίνακες τέχνης, σχήματα, κινούμενα σχέδια, μηχανές κατάστασης, προβολή μοντέλων και σεναρίων στο ανοιχτό αρχείο. Στο Claude Code, συνδέστε το με μία εντολή: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
Σχετικά με αυτόν τον οδηγό
Το ExodeUI δεν είναι συνδεδεμένο με το Rive ή το Anthropic. Αυτός ο οδηγός βασίζεται στην τεκμηρίωση του ίδιου του Rive από τον Οκτώβριο του 2026. Οι δυνατότητες τεχνητής νοημοσύνης του Rive αλλάζουν γρήγορα, επομένως ελέγξτε την επίσημη σελίδα MCP εάν κάποιο βήμα δεν ταιριάζει με αυτό που βλέπετε. Φτιάχνουμε το ExodeUI, το οποίο έχει τον δικό του διακομιστή MCP, και συγκρίνουμε τα δύο στο τέλος.
Τι μπορεί να κάνει ο διακομιστής Rive MCP
Ο Rive λέει ότι τα πρώτα εργαλεία στοχεύουν σε επαναλαμβανόμενες εργασίες, όπως μοντέλα προβολής κτιρίων ή μηχανές κατάστασης με εκατοντάδες καταστάσεις και επίπεδα. Σύμφωνα με τα έγγραφα του Rive, ένα συνδεδεμένο εργαλείο AI μπορεί:
- Δημιουργία και διαχείριση αρχείων: προσθήκη, μετονομασία, αλλαγή μεγέθους, τακτοποίηση και εστίαση πινάκων τέχνης
- Επιθεωρήστε και επεξεργαστείτε τη σκηνή: υποβάλετε ερώτημα στην ιεραρχία, επιλέξτε αντικείμενα, ενημερώστε τις ιδιότητες, αντιγράψτε, αναδιατάξτε, επαναφέρετε ή διαγράψτε στοιχεία
- Κατασκευάστε σχέδια: σχήματα, διαδρομές, διατάξεις, στιγμιότυπα εξαρτημάτων και λίστες
- Δημιουργία κινούμενων εικόνων και αλληλεπίδραση: γραμμικά κινούμενα σχέδια, μηχανές καταστάσεων, καταστάσεις, μεταβάσεις, συνθήκες, βασικά καρέ και παρεμβολή
- Εργαστείτε με δέσμευση δεδομένων: δείτε μοντέλα, ιδιότητες, στιγμιότυπα και δεσμεύσεις
- Επεξεργασία σεναρίων Luau και σκίαστρων WGSL: ενημέρωση κώδικα, εκτέλεση διαγνωστικών, εκ νέου μεταγλώττιση, δοκιμή και ανάγνωση εξόδου κονσόλας
Πώς να ρυθμίσετε το Rive MCP με το Claude Code
Το MCP λειτουργεί μόνο με το πρόγραμμα επεξεργασίας επιφάνειας εργασίας και όχι με την έκδοση του προγράμματος περιήγησης. Ανοίξτε πρώτα το Rive και μετά συνδέστε το εργαλείο AI.
1. Ανοίξτε την εφαρμογή επιτραπέζιου υπολογιστή Rive
Εγκαταστήστε το πιο πρόσφατο πρόγραμμα επεξεργασίας επιτραπέζιου υπολογιστή Rive για macOS ή Windows από το rive.app/downloads και ανοίξτε το αρχείο στο οποίο θέλετε να εργαστείτε.
2. Προσθέστε τον διακομιστή MCP
Σε ένα τερματικό, εκτελέστε: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. Εκκινήστε το Claude Code
Τρέξε Κλοντ. Ξεκινήστε το αφού ανοίξει το Rive, ώστε να μπορεί να βρει τα εργαλεία Rive.
4. Προτροπή σε χαρακτηριστικά, όχι κώδικα
Περιγράψτε τι θέλετε να δείτε και τι δεν πρέπει να αλλάξει, για παράδειγμα "προσθέστε μια κατάσταση αιώρησης στο κουμπί που την κλιμακώνει στο 1,05 με ένα ελατήριο και διατηρήστε την κατάσταση πίεσης ως έχει".
Πώς να ρυθμίσετε το Rive MCP με το Cursor και το Codex
Στο Cursor, ανοίξτε τις Ρυθμίσεις, μεταβείτε στα Εργαλεία και MCP, επιλέξτε Προσθήκη προσαρμοσμένου MCP και προσθέστε έναν διακομιστή με το όνομα rive με τη διεύθυνση URL http://127.0.0.1:9791/mcp και, στη συνέχεια, ενεργοποιήστε τη σύνδεση. Rive έγγραφα Claude Code και Cursor. Επειδή ο διακομιστής είναι ένας τοπικός διακομιστής HTTP MCP, άλλοι πελάτες που υποστηρίζουν διακομιστές HTTP MCP, όπως το Codex, μπορούν να συνδεθούν με την ίδια διεύθυνση URL.
Rive MCP εναντίον του ενσωματωμένου AI Agent του Rive
Το Rive διαθέτει επίσης έναν πράκτορα AI μέσα στον επεξεργαστή. Και οι δύο μπορούν να επεξεργαστούν το αρχείο σας. Η διαφορά είναι ποιος πληρώνει και τι άλλο μπορεί να δει ο πράκτορας.
- Το ενσωματωμένο Agent εκτελείται με τα σχέδια του Rive: περιορισμένο σε Free και Cadet, με προηγμένα μοντέλα, πιστώσεις ανανέωσης και το δικό σας κλειδί API στο Voyager
- Με το MCP, χρησιμοποιείτε τη συνδρομή AI για την οποία πληρώνετε ήδη, όπως Claude ή Cursor
- Ένας εξωτερικός πράκτορας μπορεί επίσης να διαβάσει τον κώδικα της εφαρμογής σας, τις σημειώσεις και τα έγγραφά σας, ώστε να μπορεί να επεξεργαστεί το αρχείο Rive και να το συνδέσει στην εφαρμογή σας στην ίδια περίοδο λειτουργίας
- Ο ενσωματωμένος Agent δεν χρειάζεται εγκατάσταση και λειτουργεί στο πρόγραμμα επεξεργασίας προγράμματος περιήγησης
Rive MCP έναντι του Rive CLI
Το νεότερο CLI του Rive είναι μια διαφορετική διαδρομή. Αντί να οδηγεί το ανοιχτό πρόγραμμα επεξεργασίας, ο παράγοντας κωδικοποίησης γράφει τη σκηνή ως κείμενο στη γλώσσα σήμανσης Rive (RML) και το CLI δημιουργεί αρχεία .riv για την εφαρμογή σας ή αρχεία .rev που ανοίγουν στο πρόγραμμα επεξεργασίας. Εμφανίζει μια τοπική προεπισκόπηση, μπορεί να αποδώσει καρέ και να εκτελέσει δοκιμές χωρίς παράθυρο και διατηρεί το έργο ως φάκελο κειμένου, ώστε να μπορεί να λειτουργεί σε έλεγχο έκδοσης. Χρησιμοποιήστε το MCP για να εργαστείτε με έναν σχεδιαστή στο πρόγραμμα επεξεργασίας. χρησιμοποιήστε το CLI όταν ένας πράκτορας δημιουργεί ή επεξεργάζεται γραφικά Rive από κώδικα.
Όρια που πρέπει να γνωρίζετε πριν ξεκινήσετε
Η ενσωμάτωση MCP του Rive είναι νέα και έχει κάποια πρακτικά όρια.
- Μόνο πρόγραμμα επεξεργασίας επιφάνειας εργασίας, σε macOS και Windows, και το Rive πρέπει να είναι ανοιχτό με το αρχείο σας
- Το AI λειτουργεί στο αρχείο που είναι ανοιχτό, επομένως ελέγξτε το αποτέλεσμα στην οθόνη προτού το εμπιστευτείτε
- Η δημοσίευση αρχείων .riv χωρίς την οθόνη εκκίνησης Rive εξακολουθεί να χρειάζεται ένα πρόγραμμα επί πληρωμή, από την Cadet με 9 $ ανά θέση ανά μήνα που χρεώνεται ετησίως
- Τα μηνύματα που περιγράφουν το αποτέλεσμα που θέλετε λειτουργούν καλύτερα από τα μηνύματα που περιγράφουν κώδικα
Μια εναλλακτική: ο διακομιστής MCP του ExodeUI
Το ExodeUI είναι ένα εργαλείο περιήγησης και επιτραπέζιου υπολογιστή για διαδραστικό περιβάλλον χρήστη και κινούμενα σχέδια. Διαθέτει επίσης διακομιστή MCP, επομένως τα Claude Code, Cursor και άλλα εργαλεία κωδικοποίησης AI μπορούν να δημιουργούν και να επεξεργάζονται κινούμενα σχέδια από μηνύματα σε απλή γλώσσα. Το αποτέλεσμα είναι ένα ανοιχτό αρχείο .exode JSON με μηχανήματα κατάστασης, ελατήρια φυσικής και εισόδους και συμβάντα με τα χειριστήρια του κώδικά σας, που παίζεται από χρόνους εκτέλεσης για React, Vue, Svelte, Angular, Solid, ZQZ, ZQXQX5. Ταιριάζει στο διαδραστικό περιβάλλον εργασίας προϊόντος περισσότερο από το κινούμενο σχέδιο χαρακτήρων. Εάν εργάζεστε ήδη στο Rive, ο διακομιστής MCP είναι η απλούστερη επιλογή.
Απόσπασμα υλοποίησης παραγωγής
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
# then start Claude Code
claudeΚλειδί Principles για να θυμάστε
- Ο διακομιστής Rive MCP εκτελείται μέσα στο πρόγραμμα επεξεργασίας επιφάνειας εργασίας Rive στη διεύθυνση http://127.0.0.1:9791/mcp
- Το Claude Code συνδέεται με μία εντολή. Το Cursor συνδέεται μέσω Εργαλείων και MCP
- Μπορεί να δημιουργήσει σχήματα, κινούμενα σχέδια, μηχανές κατάστασης, να προβάλει μοντέλα και σενάρια Luau στο ανοιχτό αρχείο
- Το Rive CLI είναι μια ξεχωριστή διαδρομή βασισμένη σε κείμενο για πράκτορες που δημιουργούν αρχεία Rive από κώδικα