Rive MCP: Ako pripojiť Claude Code, Cursor a Codex k Rive
Ako funguje server Rive MCP, ako pripojiť Claude Code a Cursor k editoru Rive, čo môže a nemôže robiť AI a ako sa porovnáva so vstavaným agentom Rive a Rive CLI.
Core Takeaway
Server Rive MCP je zabudovaný do desktopového editora Rive pre Mac a Windows. Kým je Rive otvorený, beží na adrese http://127.0.0.1:9791/mcp a môžu sa k nemu pripojiť nástroje na kódovanie AI, ako sú Claude Code a Cursor, a vytvárať tak umelecké plátna, tvary, animácie, stavové stroje, prezerať modely a skripty v otvorenom súbore. V Claude Code ho pripojte jedným príkazom: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
O tomto návode
ExodeUI nie je pridružený k Rive alebo Anthropic. Táto príručka je založená na vlastnej dokumentácii Rive z októbra 2026. Funkcie AI Rive sa rýchlo menia, takže ak niektorý krok nezodpovedá tomu, čo vidíte, skontrolujte oficiálnu stránku MCP. Vyrábame ExodeUI, ktorý má vlastný server MCP a na konci ich porovnávame.
Čo dokáže server Rive MCP
Rive hovorí, že prvé nástroje sú zamerané na opakujúcu sa prácu, ako je vytváranie modelov zobrazenia alebo stavových strojov so stovkami stavov a vrstiev. Podľa dokumentov Rive môže pripojený nástroj AI:
- Vytvárajte a spravujte súbory: pridajte, premenujte, zmeňte veľkosť, usporiadajte a zaostrite kresliace plátna
- Skontrolujte a upravte scénu: dotazujte sa na hierarchiu, vyberte objekty, aktualizujte vlastnosti, duplikujte, preusporiadajte, upravte alebo odstráňte prvky
- Vytvárajte návrhy: tvary, cesty, rozloženia, inštancie komponentov a zoznamy
- Vytvárajte animácie a interakcie: lineárne animácie, stavové automaty, stavy, prechody, podmienky, kľúčové snímky a interpolácie
- Práca s dátovou väzbou: zobrazenie modelov, vlastností, inštancií a väzieb
- Upravujte skripty Luau a shadery WGSL: aktualizujte kód, spúšťajte diagnostiku, prekompilujte, testujte a čítajte výstup konzoly
Ako nastaviť Rive MCP pomocou Claude Code
MCP funguje iba s desktopovým editorom, nie s verziou prehliadača. Najprv otvorte Rive a potom pripojte svoj nástroj AI.
1. Otvorte počítačovú aplikáciu Rive
Nainštalujte si najnovší desktopový editor Rive pre macOS alebo Windows z rive.app/downloads a otvorte súbor, na ktorom chcete pracovať.
2. Pridajte server MCP
V termináli spustite: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. Spustite Claude Code
Spustiť claude. Spustite ho po otvorení Rive, aby mohol nájsť nástroje Rive.
4. Požiadajte o funkcie, nie kód
Popíšte, čo chcete vidieť a čo sa nesmie zmeniť, napríklad „pridajte stav vznášania k tlačidlu, ktoré ho nastaví na 1,05 pomocou pružiny, a ponechajte stlačený stav tak, ako je“.
Ako nastaviť Rive MCP pomocou Cursor a Codex
V Cursor otvorte Nastavenia, prejdite na Tools & MCPs, vyberte Add Custom MCP a pridajte server s názvom rive s URL http://127.0.0.1:9791/mcp, potom zapnite pripojenie. Rive dokumenty Claude Code a Cursor. Pretože server je lokálny server HTTP MCP, ostatní klienti, ktorí podporujú servery HTTP MCP, ako napríklad Codex, sa môžu pripojiť pomocou rovnakej adresy URL.
Rive MCP vs Rive vstavaný AI Agent
Rive má v editore aj agenta AI. Obaja môžu upravovať váš súbor. Rozdiel je v tom, kto platí a čo ešte môže agent vidieť.
- Vstavaný agent beží na plánoch Rive: obmedzený na Free a Cadet, s pokročilými modelmi, dobíjacími kreditmi a vlastným API kľúčom na Voyageri.
- So MCP používate predplatné AI, za ktoré už platíte, napríklad Claude alebo Cursor
- Externý agent môže tiež čítať kód vašej aplikácie, poznámky a dokumenty, takže môže upraviť súbor Rive a pripojiť ho do vašej aplikácie v rovnakej relácii
- Vstavaný agent nepotrebuje žiadne nastavenie a funguje v editore prehliadača
Rive MCP v porovnaní s Rive CLI
Novšie CLI Rive je iná cesta. Namiesto ovládania otvoreného editora váš kódovací agent zapíše scénu ako text v Rive Markup Language (RML) a CLI vytvorí súbory .riv pre vašu aplikáciu alebo súbory .rev, ktoré sa otvoria v editore. Zobrazuje lokálny náhľad, dokáže vykresľovať snímky a spúšťať testy bez okna a uchováva projekt ako priečinok textu, takže môže žiť v správe verzií. Použite MCP na prácu s dizajnérom v editore; použite CLI, keď agent vytvára alebo upravuje grafiku Rive z kódu.
Limity, ktoré je potrebné poznať skôr, ako začnete
Integrácia Rive MCP je mladá a má určité praktické limity.
- Iba desktopový editor v systémoch MacOS a Windows a Rive musí byť otvorený s vaším súborom
- Umelá inteligencia pracuje na otvorenom súbore, takže si výsledok skontrolujte na obrazovke skôr, ako mu začnete dôverovať
- Publikovanie súborov .riv bez úvodnej obrazovky Rive si stále vyžaduje platený plán od spoločnosti Cadet za 9 USD za miesto za mesiac fakturovaný ročne
- Výzvy, ktoré popisujú požadovaný výsledok, fungujú lepšie ako výzvy, ktoré popisujú kód
Alternatíva: server MCP ExodeUI
ExodeUI je prehliadač a desktopový nástroj pre interaktívne používateľské rozhranie a animáciu. Má tiež server MCP, takže Claude Code, Cursor a ďalšie nástroje na kódovanie AI môžu vytvárať a upravovať animácie z výziev v jednoduchom jazyku. Výsledkom je jeden otvorený súbor .exode JSON so stavovými automatmi, fyzikou pružiny a vstupmi a udalosťami, ktoré ovláda váš kód, prehrávané runtimemi pre React, Vue, Svelte, Angular, Solid, ZQX0QQZX, ZQX5 a ZQX4 Vyhovuje interaktívnemu používateľskému rozhraniu produktu viac ako animácia postáv. Ak už pracujete v Rive, jeho server MCP je jednoduchšou voľbou.
Snippet implementácie výroby
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
# then start Claude Code
claudeKľúč Principle na zapamätanie
- Server Rive MCP beží v desktopovom editore Rive na adrese http://127.0.0.1:9791/mcp
- Claude Code sa pripája jedným príkazom; Cursor sa pripája cez Tools & MCPs
- V otvorenom súbore dokáže vytvárať tvary, animácie, stavové automaty, prezerať modely a skripty Luau
- Rive CLI je samostatná, textová cesta pre agentov, ktorí vytvárajú súbory Rive z kódu