Rive MCP: Sådan forbinder du Claude Code, Cursor og Codex til Rive

Om denne guide

ExodeUI er ikke tilknyttet Rive eller Anthropic. Denne guide er baseret på Rive's egen dokumentation fra oktober 2026. Rive's AI-funktioner ændrer sig hurtigt, så tjek den officielle MCP-side, hvis et trin ikke matcher det, du ser. Vi laver ExodeUI, som har sin egen MCP-server, og vi sammenligner de to til sidst.

Hvad Rive MCP-serveren kan

Rive siger, at de første værktøjer er rettet mod gentaget arbejde, såsom at bygge visningsmodeller eller tilstandsmaskiner med hundredvis af tilstande og lag. Ifølge Rive's dokumenter kan et tilsluttet AI-værktøj:

• Opret og administrer filer: Tilføj, omdøb, tilpas størrelse, arrangere og fokusér tegnebrætter
• Undersøg og rediger scenen: forespørg på hierarkiet, vælg objekter, opdater egenskaber, dupliker, omarranger, omforældre eller slet elementer
• Byg designs: former, stier, layouts, komponentforekomster og lister
• Opret animation og interaktion: lineære animationer, tilstandsmaskiner, tilstande, overgange, betingelser, keyframes og interpolation
• Arbejd med databinding: se modeller, egenskaber, forekomster og bindinger
• Rediger Luau scripts og WGSL shaders: Opdater kode, kør diagnostik, genkompiler, test og læs konsoloutput

Sådan opsætter du Rive MCP med Claude Code

MCP fungerer kun med desktop-editoren, ikke browserversionen. Åbn først Rive, og tilslut derefter dit AI-værktøj.

Sådan konfigureres Rive MCP med Cursor og Codex

I Cursor, åbn Indstillinger, gå til Værktøjer & MCPs, vælg Tilføj brugerdefineret MCP, og tilføj en server ved navn rive med URL'en http://127.0.0.1:9791/mcp, og slå derefter forbindelsen til. Rive dokumenter Claude Code og Cursor. Fordi serveren er en lokal HTTP MCP-server, kan andre klienter, der understøtter HTTP MCP-servere, såsom Codex, oprette forbindelse til den samme URL.

Rive MCP vs Rive's indbyggede AI Agent

Rive har også en AI-agent inde i editoren. Begge kan redigere din fil. Forskellen er, hvem der betaler, og hvad agenten ellers kan se.

• Den indbyggede agent kører på Rive's planer: begrænset til gratis og kadet, med avancerede modeller, ekstra kreditter og din egen API-nøgle på Voyager
• Med MCP bruger du det AI-abonnement, du allerede betaler for, såsom Claude eller Cursor
• En ekstern agent kan også læse din app-kode, noter og dokumenter, så den kan redigere Rive-filen og koble den til din app i samme session
• Den indbyggede Agent behøver ingen opsætning og fungerer i browsereditoren

Rive MCP vs Rive CLI

Rive's nyere CLI er en anden rute. I stedet for at køre den åbne editor, skriver din kodningsagent scenen som tekst i Rive Markup Language (RML), og CLI'en bygger .riv-filer til din app eller .rev-filer, der åbnes i editoren. Det viser en lokal preview, kan gengive rammer og køre test uden et vindue, og beholder projektet som en mappe med tekst, så det kan leve i versionskontrol. Brug MCP til at arbejde med en designer i editoren; bruge CLI, når en agent bygger eller redigerer Rive-grafik fra kode.

Grænser at kende før du starter

Rive's MCP-integration er ung, og den har nogle praktiske begrænsninger.

• Kun skrivebordseditor, på macOS og Windows, og Rive skal være åbne med din fil
• AI'en fungerer på den fil, der er åben, så tjek resultatet på skærmen, før du stoler på det
• Udgivelse af .riv-filer uden Rive-startskærmen kræver stadig en betalt plan, fra Cadet til $9 pr. sæde pr. måned, der faktureres årligt
• Prompter, der beskriver det resultat, du ønsker, fungerer bedre end prompter, der beskriver kode

Et alternativ: ExodeUI's MCP-server

ExodeUI er et browser- og skrivebordsværktøj til interaktiv brugergrænseflade og animation. Den har også en MCP-server, så Claude Code, Cursor og andre AI-kodningsværktøjer kan oprette og redigere animationer fra almindelige prompter. Resultatet er en åben .exode JSON-fil med tilstandsmaskiner, fjederfysik og input og hændelser, som din kode kontrollerer, spillet af runtimes for React, Vue, Svelte, Angular, Solid, ZQX0XQZX, ZX0XQZ, ZXQZX, ZXQZX og ZXQZX. Det passer mere til interaktiv produktbrugergrænseflade end karakteranimation. Hvis du allerede arbejder i Rive, er dens MCP-server det enklere valg.