Rive MCP: A Claude Code, Cursor és Codex csatlakoztatása a Rive-hez
Hogyan működik a Rive MCP szerver, hogyan csatlakoztassa a Claude Code-et és a Cursor-et a Rive szerkesztőhöz, mit tud és mit nem tud az AI, és hogyan hasonlítható össze a Rive beépített ügynökével és a Rive CLI-vel.
Core Takeaway
A Rive MCP szerver be van építve a Rive asztali szerkesztőbe Mac és Windows rendszeren. Amíg a Rive nyitva van, a http://127.0.0.1:9791/mcp címen fut, és az olyan mesterséges intelligencia kódoló eszközök, mint a Claude Code és a Cursor csatlakozhatnak hozzá rajztáblák, alakzatok, animációk, állapotgépek, modellek és szkriptek megtekintésére a megnyitott fájlban. A Claude Code-ben csatlakoztassa egyetlen paranccsal: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
Erről az útmutatóról
A ExodeUI nem áll kapcsolatban a Rive vagy az Anthropic vállalattal. Ez az útmutató a Rive saját, 2026. októberi dokumentációján alapul. A Rive mesterséges intelligencia funkciói gyorsan változnak, ezért ellenőrizze a hivatalos MCP oldalt, ha egy lépés nem egyezik a látottakkal. Elkészítjük a ExodeUI-et, amelynek saját MCP szervere van, és a végén összehasonlítjuk a kettőt.
Mire képes a Rive MCP szerver
A Rive szerint az első eszközök az ismétlődő munkákat célozzák, például nézetmodelleket vagy állapotgépeket több száz állapottal és réteggel. A Rive dokumentumai szerint egy csatlakoztatott AI-eszköz:
- Fájlok létrehozása és kezelése: rajztáblák hozzáadása, átnevezése, átméretezése, elrendezése és fókuszálása
- Vizsgálja meg és szerkessze a jelenetet: kérdezze le a hierarchiát, jelölje ki az objektumokat, frissítse a tulajdonságokat, duplikáljon, rendezzen át, készítsen újra vagy töröljön elemeket
- Építési tervek: alakzatok, útvonalak, elrendezések, komponenspéldányok és listák
- Animáció és interakció létrehozása: lineáris animációk, állapotgépek, állapotok, átmenetek, feltételek, kulcskockák és interpoláció
- Munka adat-összerendeléssel: modellek, tulajdonságok, példányok és kötések megtekintése
- Luau szkriptek és WGSL shader szerkesztése: kód frissítése, diagnosztika futtatása, újrafordítás, tesztelés és konzolkimenet olvasása
A Rive MCP beállítása a Claude Code segítségével
A MCP csak az asztali szerkesztővel működik, a böngésző verziójával nem. Először nyissa meg a Rive-et, majd csatlakoztassa az AI-eszközt.
1. Nyissa meg a Rive asztali alkalmazást
Telepítse a legújabb Rive asztali szerkesztőt macOS vagy Windows rendszerhez a rive.app/downloads webhelyről, és nyissa meg a fájlt, amelyen dolgozni szeretne.
2. Adja hozzá a MCP szervert
A terminálon futtassa: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. Indítsa el a Claude Code programot
Fuss claude. Indítsa el a Rive megnyitása után, hogy megtalálja a Rive eszközöket.
4. Jelölje be a funkciókat, ne a kódot
Írja le, hogy mit szeretne látni, és mi az, amit nem szabad megváltoztatni, például "adjon hozzá egy lebegő állapotot a gombhoz, amely rugóval 1,05-re skálázza, és tartsa a lenyomott állapotot úgy, ahogy van".
A Rive MCP beállítása a Cursor és Codex segítségével
A Cursor-ben nyissa meg a Beállításokat, lépjen az Eszközök és MCP-ek elemre, válassza az Egyéni MCP hozzáadása lehetőséget, és adjon hozzá egy rive nevű szervert a http://127.0.0.1:9791/mcp URL-címmel, majd kapcsolja be a kapcsolatot. A Rive dokumentumok: Claude Code és Cursor. Mivel a szerver egy helyi HTTP MCP kiszolgáló, a HTTP MCP kiszolgálókat támogató más ügyfelek, például a Codex, csatlakozhatnak ugyanazzal az URL-lel.
Rive MCP vs Rive beépített AI-ügynöke
A Rive egy AI-ügynököt is tartalmaz a szerkesztőben. Mindkettő szerkesztheti a fájlt. A különbség az, hogy ki fizet, és mit láthat még az ügynök.
- A beépített ügynök a Rive tervein fut: csak Free és Cadet, fejlett modellekkel, feltöltési kreditekkel és saját API-kulccsal a Voyageren
- A MCP használatával a már fizetett mesterséges intelligencia-előfizetést használja, például a Claude vagy a Cursor
- Egy külső ügynök is beolvassa az alkalmazás kódját, jegyzeteit és dokumentumait, így szerkesztheti a Rive fájlt, és ugyanabban a munkamenetben csatlakoztathatja az alkalmazáshoz.
- A beépített ügynök nem igényel beállítást, és a böngészőszerkesztőben működik
Rive MCP kontra Rive CLI
A Rive újabb CLI-je egy másik útvonal. A nyílt szerkesztő használata helyett a kódoló ügynök szövegként írja a jelenetet a Rive Markup Language (RML) nyelven, és a CLI .riv fájlokat készít az alkalmazáshoz, vagy .rev fájlokat, amelyek megnyílnak a szerkesztőben. Helyi előnézetet mutat, ablak nélkül képes kereteket renderelni és teszteket futtatni, a projektet pedig szövegmappaként tartja meg, így a verzióvezérlésben is élhet. A MCP használatával dolgozhat együtt egy tervezővel a szerkesztőben; használja a CLI-t, amikor egy ügynök Rive grafikát készít vagy szerkeszt kódból.
Korlátok, amelyeket tudnia kell, mielőtt elkezdené
A Rive MCP integrációja fiatal, és van néhány gyakorlati korlátja.
- Csak az asztali szerkesztőnek, macOS és Windows rendszeren, valamint a Rive-nek meg kell nyílnia a fájllal
- Az AI a megnyitott fájlon működik, ezért ellenőrizze az eredményt a képernyőn, mielőtt megbízik benne
- A .riv fájlok Rive indítóképernyő nélküli közzétételéhez továbbra is fizetős előfizetés szükséges, a Cadettől 9 USD per ülés havonta, évente számlázva
- A kívánt eredményt leíró promptok jobban működnek, mint a kódot leíró promptok
Alternatív megoldás: a ExodeUI MCP szervere
A ExodeUI egy böngésző és asztali eszköz interaktív felhasználói felülethez és animációhoz. MCP szerverrel is rendelkezik, így a Claude Code, Cursor és más AI kódoló eszközök egyszerű nyelvű promptokból animációkat hozhatnak létre és szerkeszthetnek. Az eredmény egy nyitott .exode JSON fájl állapotgépekkel, rugófizikával, valamint a kódvezérlők bemeneteivel és eseményeivel, amelyeket a React, Vue, Svelte, Angular, Solid, React Native, React Native és ZQ4X futási idők lejátszanak. Ez jobban megfelel az interaktív termék felhasználói felületének, mint a karakteranimációnak. Ha már a Rive-ben dolgozik, a MCP szervere az egyszerűbb választás.
Gyártási megvalósítási részlet
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
# then start Claude Code
claudeKulcs Principle, amit meg kell jegyezni
- A Rive MCP szerver a Rive asztali szerkesztőben fut a http://127.0.0.1:9791/mcp címen.
- A Claude Code egyetlen paranccsal csatlakozik; A Cursor eszközökön és MCP-eken keresztül csatlakozik
- A megnyitott fájlban alakzatokat, animációkat, állapotgépeket építhet, modelleket és Luau-szkripteket tekinthet meg
- A Rive CLI egy különálló, szövegalapú útvonal azoknak az ügynököknek, akik Rive fájlokat készítenek kódból.