Rive MCP: Jak připojit Claude Code, Cursor a Codex k Rive
Jak funguje server Rive MCP, jak připojit Claude Code a Cursor k editoru Rive, co umělá inteligence může a nemůže dělat a jak se srovnává s vestavěným agentem Rive a Rive CLI.
Core Takeaway
Server Rive MCP je zabudován do desktopového editoru Rive pro Mac a Windows. Zatímco je Rive otevřený, běží na adrese http://127.0.0.1:9791/mcp a mohou se k němu připojit nástroje pro kódování AI, jako jsou Claude Code a Cursor, a vytvářet tak kreslicí plátna, tvary, animace, stavové stroje, prohlížet modely a skripty v otevřeném souboru. V Claude Code jej připojte jedním příkazem: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
O tomto průvodci
ExodeUI není přidružen k Rive nebo Anthropic. Tato příručka je založena na vlastní dokumentaci Rive z října 2026. Funkce umělé inteligence Rive se rychle mění, takže pokud některý krok neodpovídá tomu, co vidíte, podívejte se na oficiální stránku MCP. Vyrábíme ExodeUI, který má svůj vlastní server MCP, a na konci oba porovnáme.
Co umí server Rive MCP
Rive říká, že první nástroje jsou zaměřeny na opakovanou práci, jako je vytváření modelů zobrazení nebo stavových strojů se stovkami stavů a vrstev. Podle dokumentů Rive může připojený nástroj AI:
- Vytvářejte a spravujte soubory: přidejte, přejmenujte, změňte velikost, uspořádejte a zaměřte kreslicí plátna
- Prohlížejte a upravujte scénu: dotazujte se na hierarchii, vybírejte objekty, aktualizujte vlastnosti, duplikujte, přeskupte, přepojte nebo odstraňte prvky
- Vytvářejte návrhy: tvary, cesty, rozvržení, instance součástí a seznamy
- Vytvářejte animace a interakce: lineární animace, stavové automaty, stavy, přechody, podmínky, klíčové snímky a interpolace
- Práce s datovou vazbou: zobrazení modelů, vlastností, instancí a vazeb
- Upravte skripty Luau a shadery WGSL: aktualizujte kód, spusťte diagnostiku, překompilujte, otestujte a čtěte výstup konzoly
Jak nastavit Rive MCP pomocí Claude Code
MCP funguje pouze s desktopovým editorem, nikoli s verzí prohlížeče. Nejprve otevřete Rive a poté připojte svůj nástroj AI.
1. Otevřete desktopovou aplikaci Rive
Nainstalujte si nejnovější desktopový editor Rive pro macOS nebo Windows z rive.app/downloads a otevřete soubor, se kterým chcete pracovat.
2. Přidejte server MCP
V terminálu spusťte: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. Spusťte Claude Code
Spustit claude. Spusťte jej po otevření Rive, aby mohl najít nástroje Rive.
4. Požádejte o funkce, nikoli kód
Popište, co chcete vidět a co se nesmí změnit, například „přidejte stav hoveru k tlačítku, které jej nastaví na 1,05 pomocí pružiny, a ponechte stisknutý stav tak, jak je“.
Jak nastavit Rive MCP pomocí Cursor a Codex
V Cursor otevřete Nastavení, přejděte do Tools & MCPs, zvolte Add Custom MCP a přidejte server s názvem rive s URL http://127.0.0.1:9791/mcp, poté zapněte připojení. Dokumenty Rive Claude Code a Cursor. Protože server je lokální server HTTP MCP, ostatní klienti, kteří podporují servery HTTP MCP, jako je Codex, se mohou připojit pomocí stejné adresy URL.
Rive MCP vs Rive vestavěný AI Agent
Rive má v editoru také agenta AI. Oba mohou upravovat váš soubor. Rozdíl je v tom, kdo platí a co ještě agent vidí.
- Vestavěný agent běží na plánech Rive: omezený na Free a Cadet, s pokročilými modely, dobíjecími kredity a vaším vlastním API klíčem na Voyageru.
- Se MCP používáte předplatné AI, za které již platíte, jako je Claude nebo Cursor
- Externí agent může také číst kód vaší aplikace, poznámky a dokumenty, takže může upravit soubor Rive a připojit jej do vaší aplikace ve stejné relaci.
- Vestavěný agent nevyžaduje žádné nastavení a funguje v editoru prohlížeče
Rive MCP vs Rive CLI
Novější CLI Rive je jiná cesta. Místo ovládání otevřeného editoru váš kódovací agent zapíše scénu jako text v Rive Markup Language (RML) a CLI vytvoří soubory .riv pro vaši aplikaci nebo soubory .rev, které se otevřou v editoru. Zobrazuje místní náhled, může vykreslovat snímky a spouštět testy bez okna a uchovává projekt jako složku textu, takže může žít ve správě verzí. Použijte MCP pro práci s návrhářem v editoru; použijte CLI, když agent vytváří nebo upravuje grafiku Rive z kódu.
Limity, které je třeba znát, než začnete
Integrace Rive MCP je mladá a má určité praktické limity.
- Pouze editor pro stolní počítače v systémech macOS a Windows a Rive musí být otevřen s vaším souborem
- Umělá inteligence pracuje na souboru, který je otevřený, takže než mu důvěřujete, zkontrolujte výsledek na obrazovce
- Publikování souborů .riv bez úvodní obrazovky Rive stále vyžaduje placený tarif od Cadet za 9 $ za sedadlo měsíčně účtované ročně
- Výzvy, které popisují požadovaný výsledek, fungují lépe než výzvy popisující kód
Alternativa: MCP server ExodeUI
ExodeUI je prohlížeč a desktopový nástroj pro interaktivní uživatelské rozhraní a animace. Má také server MCP, takže Claude Code, Cursor a další nástroje pro kódování AI mohou vytvářet a upravovat animace z výzev v běžném jazyce. Výsledkem je jeden otevřený soubor .exode JSON se stavovými automaty, fyzikou pružin a vstupy a událostmi, které váš kód ovládá, přehrávaný běhovými moduly React, Vue, Svelte, Angular, Solid, ZQX0QQZX, ZQX5 a ZQX4 Vyhovuje interaktivnímu uživatelskému rozhraní produktu více než animace postav. Pokud již pracujete v Rive, jeho server MCP je jednodušší volbou.
Fragment implementace 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
claudeKlíč Principle k zapamatování
- Server Rive MCP běží v desktopovém editoru Rive na http://127.0.0.1:9791/mcp
- Claude Code se připojí jedním příkazem; Cursor se připojuje přes Tools & MCPs
- Může vytvářet tvary, animace, stavové stroje, prohlížet modely a skripty Luau v otevřeném souboru
- Rive CLI je samostatná textová cesta pro agenty, kteří sestavují soubory Rive z kódu