Rive MCP: Hur man ansluter Claude Code, Cursor och Codex till Rive
Hur Rive MCP-servern fungerar, hur man ansluter Claude Code och Cursor till Rive-editorn, vad AI:n kan och inte kan göra, och hur den kan jämföras med Rive:s inbyggda agent och Rive CLI.
Core Takeaway
Rive MCP-servern är inbyggd i Rive skrivbordsredigerare för Mac och Windows. Medan Rive är öppen körs den på http://127.0.0.1:9791/mcp, och AI-kodningsverktyg som Claude Code och Cursor kan ansluta till den för att skapa ritytor, former, animationer, tillståndsmaskiner, visa modeller och skript i den öppna filen. I Claude Code, anslut den med ett kommando: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
Om den här guiden
ExodeUI är inte anslutet till Rive eller Anthropic. Den här guiden är baserad på Rive egen dokumentation från och med oktober 2026. Rive:s AI-funktioner ändras snabbt, så kolla den officiella MCP-sidan om ett steg inte stämmer överens med det du ser. Vi gör ExodeUI, som har sin egen MCP-server, och vi jämför de två på slutet.
Vad Rive MCP-servern kan göra
Rive säger att de första verktygen är inriktade på repetitivt arbete, som att bygga vymodeller eller tillståndsmaskiner med hundratals tillstånd och lager. Enligt Rive:s dokument kan ett anslutet AI-verktyg:
- Skapa och hantera filer: lägg till, byt namn på, ändra storlek, ordna och fokusera ritytor
- Inspektera och redigera scenen: fråga hierarkin, välj objekt, uppdatera egenskaper, duplicera, ordna om, ändra eller ta bort element
- Bygg mönster: former, banor, layouter, komponentinstanser och listor
- Skapa animationer och interaktion: linjära animationer, tillståndsmaskiner, tillstånd, övergångar, villkor, nyckelbildrutor och interpolation
- Arbeta med databindning: visa modeller, egenskaper, instanser och bindningar
- Redigera Luau-skript och WGSL-shaders: uppdatera kod, kör diagnostik, kompilera om, testa och läs konsolutdata
Hur man ställer in Rive MCP med Claude Code
MCP fungerar bara med skrivbordsredigeraren, inte webbläsarversionen. Öppna Rive först och anslut sedan ditt AI-verktyg.
1. Öppna skrivbordsappen Rive
Installera den senaste Rive skrivbordsredigeraren för macOS eller Windows från rive.app/downloads och öppna filen du vill arbeta med.
2. Lägg till MCP-servern
I en terminal, kör: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. Starta Claude Code
Kör claude. Starta den efter att Rive är öppen, så att den kan hitta Rive-verktygen.
4. Fråga i funktioner, inte kod
Beskriv vad du vill se och vad som inte får ändras, till exempel "lägg till ett hovringsläge på knappen som skalar den till 1,05 med en fjäder, och behåll det nedtryckta tillståndet som det är".
Hur man ställer in Rive MCP med Cursor och Codex
I Cursor, öppna Inställningar, gå till Verktyg & MCPs, välj Lägg till anpassad MCP och lägg till en server som heter rive med URL:en http://127.0.0.1:9791/mcp, slå sedan på anslutningen. Rive dokument Claude Code och Cursor. Eftersom servern är en lokal HTTP MCP-server kan andra klienter som stöder HTTP MCP-servrar, som Codex, ansluta med samma URL.
Rive MCP vs Rive:s inbyggda AI-agent
Rive har också en AI-agent i redigeraren. Båda kan redigera din fil. Skillnaden är vem som betalar och vad mer agenten kan se.
- Den inbyggda Agenten körs på Rive:s planer: begränsad på Free och Cadet, med avancerade modeller, påfyllningskrediter och din egen API-nyckel på Voyager
- Med MCP använder du det AI-abonnemang du redan betalar för, till exempel Claude eller Cursor
- En extern agent kan också läsa din appkod, anteckningar och dokument, så att den kan redigera Rive-filen och koppla in den i din app i samma session
- Den inbyggda agenten behöver ingen installation och fungerar i webbläsarredigeraren
Rive MCP vs Rive CLI
Rive:s nyare CLI är en annan väg. Istället för att köra den öppna editorn, skriver din kodningsagent scenen som text i Rive Markup Language (RML), och CLI bygger .riv-filer för din app eller .rev-filer som öppnas i editorn. Den visar en lokal förhandsgranskning, kan rendera ramar och köra tester utan ett fönster, och behåller projektet som en mapp med text, så att det kan leva i versionskontroll. Använd MCP för att arbeta med en designer i editorn; använd CLI när en agent bygger eller redigerar Rive-grafik från kod.
Gränser att känna till innan du börjar
Rive:s MCP-integration är ung, och den har några praktiska begränsningar.
- Endast skrivbordsredigerare, på macOS och Windows, och Rive måste vara öppna med din fil
- AI:n fungerar på filen som är öppen, så kontrollera resultatet på skärmen innan du litar på det
- Publicering av .riv-filer utan Rive startskärm kräver fortfarande en betald plan, från Cadet till $9 per plats och månad som faktureras årligen
- Uppmaningar som beskriver resultatet du vill ha fungerar bättre än uppmaningar som beskriver kod
Ett alternativ: ExodeUI:s MCP-server
ExodeUI är ett webbläsar- och skrivbordsverktyg för interaktivt användargränssnitt och animering. Den har också en MCP-server, så Claude Code, Cursor och andra AI-kodningsverktyg kan skapa och redigera animationer från enkla uppmaningar. Resultatet är en öppen .exode JSON-fil med tillståndsmaskiner, fjäderfysik och ingångar och händelser som din kod kontrollerar, spelad av körtider för React, Vue, Svelte, Angular, Solid, ZQX0XQZX, ZQX0XQZX, ZQX0XQZX, ZXQZX, ZQX0XQZ, ZXXZ, Det passar interaktivt produktgränssnitt mer än karaktärsanimering. Om du redan arbetar i Rive är dess MCP-server det enklare valet.
Produktionsimplementeringsutdrag
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
# then start Claude Code
claudeNyckel Principles att komma ihåg
- Rive MCP-servern körs inuti Rive skrivbordsredigerare på http://127.0.0.1:9791/mcp
- Claude Code ansluter med ett kommando; Cursor ansluts via Tools & MCPs
- Det kan bygga former, animationer, tillståndsmaskiner, visa modeller och Luau-skript i den öppna filen
- Rive CLI är en separat, textbaserad väg för agenter som bygger Rive-filer från kod