Rive MCP: Hvordan koble Claude Code, Cursor og Codex til Rive
Hvordan Rive MCP-serveren fungerer, hvordan koble Claude Code og Cursor til Rive-editoren, hva AI kan og ikke kan gjøre, og hvordan den sammenlignes med Rive sin innebygde agent og Rive CLI.
Kjerne takeaway
Rive MCP-serveren er innebygd i Rive skrivebordsredigering for Mac og Windows. Mens Rive er åpen, kjører den på http://127.0.0.1:9791/mcp, og AI-kodingsverktøy som Claude Code og Cursor kan kobles til den for å lage tegnebrett, former, animasjoner, tilstandsmaskiner, vise modeller og skript i den åpne filen. I Claude Code, koble den til med én kommando: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
Om denne veiledningen
ExodeUI er ikke tilknyttet Rive eller Anthropic. Denne guiden er basert på Rive sin egen dokumentasjon per oktober 2026. Rive sine AI-funksjoner endres raskt, så sjekk den offisielle MCP-siden hvis et trinn ikke stemmer med det du ser. Vi lager ExodeUI, som har sin egen MCP-server, og vi sammenligner de to på slutten.
Hva Rive MCP-serveren kan gjøre
Rive sier at de første verktøyene er rettet mot repeterende arbeid, for eksempel å bygge visningsmodeller eller tilstandsmaskiner med hundrevis av tilstander og lag. I følge Rive sine dokumenter kan et tilkoblet AI-verktøy:
- Opprett og administrer filer: legg til, endre navn på, endre størrelse, ordne og fokuser tegnebrett
- Inspiser og rediger scenen: spør i hierarkiet, velg objekter, oppdater egenskaper, duplisere, omorganisere, endre eller slette elementer
- Bygg design: former, baner, oppsett, komponentforekomster og lister
- Lag animasjon og interaksjon: lineære animasjoner, tilstandsmaskiner, tilstander, overganger, betingelser, nøkkelbilder og interpolasjon
- Arbeid med databinding: se modeller, egenskaper, forekomster og bindinger
- Rediger Luau-skript og WGSL shaders: oppdater kode, kjør diagnostikk, kompiler på nytt, test og les konsollutdata
Hvordan sette opp Rive MCP med Claude Code
MCP fungerer bare med skrivebordsredigereren, ikke nettleserversjonen. Åpne Rive først, og koble deretter til AI-verktøyet.
1. Åpne Rive skrivebordsappen
Installer den nyeste Rive desktop-editoren for macOS eller Windows fra rive.app/downloads og åpne filen du vil jobbe med.
2. Legg til MCP-serveren
I en terminal, kjør: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. Start Claude Code
Kjør claude. Start den etter at Rive er åpen, slik at den kan finne Rive-verktøyene.
4. Spør i funksjoner, ikke kode
Beskriv hva du vil se og hva som ikke må endres, for eksempel "legg til en svevetilstand på knappen som skalerer den til 1,05 med en fjær, og behold trykket tilstand som den er".
Hvordan sette opp Rive MCP med Cursor og Codex
I Cursor, åpne Innstillinger, gå til Verktøy og MCPs, velg Add Custom MCP, og legg til en server som heter rive med URL-adressen http://127.0.0.1:9791/mcp, og slå deretter på tilkoblingen. Rive dokumenter Claude Code og Cursor. Fordi serveren er en lokal HTTP MCP-server, kan andre klienter som støtter HTTP MCP-servere, for eksempel Codex, koble til med samme URL.
Rive MCP vs Rive sin innebygde AI Agent
Rive har også en AI-agent inne i editoren. Begge kan redigere filen din. Forskjellen er hvem som betaler og hva mer agenten kan se.
- Den innebygde agenten kjører på Rive sine planer: begrenset på Free og Cadet, med avanserte modeller, påfyllingskreditter og din egen API-nøkkel på Voyager
- Med MCP bruker du AI-abonnementet du allerede betaler for, for eksempel Claude eller Cursor
- En ekstern agent kan også lese appkoden din, notater og dokumenter, slik at den kan redigere Rive-filen og koble den til appen din i samme økt
- Den innebygde agenten trenger ingen oppsett og fungerer i nettleserredigereren
Rive MCP vs Rive CLI
Rives nyere CLI er en annen rute. I stedet for å kjøre den åpne editoren, skriver kodingsagenten scenen som tekst i Rive Markup Language (RML), og CLI bygger .riv-filer for appen din eller .rev-filer som åpnes i editoren. Den viser en lokal forhåndsvisning, kan gjengi rammer og kjøre tester uten et vindu, og beholder prosjektet som en mappe med tekst, slik at det kan leve i versjonskontroll. Bruk MCP til å jobbe med en designer i editoren; bruk CLI når en agent bygger eller redigerer Rive-grafikk fra kode.
Begrensninger å vite før du starter
Rives MCP-integrasjon er ung, og den har noen praktiske begrensninger.
- Bare skrivebordsredigering, på macOS og Windows, og Rive må være åpne med filen
- AI fungerer på filen som er åpen, så sjekk resultatet på skjermen før du stoler på det
- Å publisere .riv-filer uten Rive-velkomstskjermen trenger fortsatt en betalt plan, fra Cadet til $9 per sete per måned fakturert årlig
- Forespørsler som beskriver resultatet du ønsker fungerer bedre enn ledetekster som beskriver kode
Et alternativ: ExodeUI sin MCP server
ExodeUI er et nettleser- og skrivebordsverktøy for interaktivt brukergrensesnitt og animasjon. Den har også en MCP-server, så Claude Code, Cursor og andre AI-kodingsverktøy kan lage og redigere animasjoner fra rene spørsmål. Resultatet er én åpen .exode JSON-fil med tilstandsmaskiner, fjærfysikk og innganger og hendelser som koden din kontrollerer, spilt av kjøretider for React, Vue, Svelte, Angular, Solid, ZQX0XQZX, ZQX0XQZX, ZXQZX, ZXQZ, Det passer interaktivt produktgrensesnitt mer enn karakteranimasjon. Hvis du allerede jobber i Rive, er MCP-serveren det enklere valget.
Snippet for produksjonsimplementering
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
# then start Claude Code
claudeTast Principles å huske
- Rive MCP-serveren kjører inne i Rive skrivebordsredigering på http://127.0.0.1:9791/mcp
- Claude Code kobles til med én kommando; Cursor kobles til via Tools & MCPs
- Den kan bygge former, animasjoner, tilstandsmaskiner, vise modeller og Luau-skript i den åpne filen
- Rive CLI er en egen, tekstbasert rute for agenter som bygger Rive-filer fra kode