Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
AI Motion Guide6 min lukeminen·Updated lokakuuta 2026·ExodeUI-tiimi

Rive MCP: Kuinka yhdistää Claude Code, Cursor ja Codex Rive:ään

Kuinka Rive MCP -palvelin toimii, kuinka Claude Code ja Cursor kytketään Rive-editoriin, mitä tekoäly voi tehdä ja mitä se ei voi tehdä ja miten sitä verrataan Rive:n sisäänrakennettuun agenttiin ja Rive CLI:hen.

Suora yhteenveto ja määritelmä

Core Takeaway

Rive MCP -palvelin on sisäänrakennettu Rive-työpöytäeditoriin Macille ja Windowsille. Kun Rive on auki, se toimii osoitteessa http://127.0.0.1:9791/mcp, ja tekoälykoodaustyökalut, kuten Claude Code ja Cursor, voivat muodostaa yhteyden siihen luodakseen tauluja, muotoja, animaatioita, tilakoneita, tarkastella malleja ja komentosarjoja avoimessa tiedostossa. Yhdistä se Claude Code:ssä yhdellä komennolla: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.

Tietoja tästä oppaasta

ExodeUI ei ole sidoksissa Rive:ään tai Anthropiciin. Tämä opas perustuu Rive:n omaan dokumentaatioon lokakuussa 2026. Rive:n tekoälyominaisuudet muuttuvat nopeasti, joten tarkista viralliselta MCP-sivulta, jos jokin vaihe ei vastaa näkemääsi. Teemme ExodeUI:n, jolla on oma MCP-palvelin, ja vertaamme niitä lopussa.

Mitä Rive MCP -palvelin voi tehdä

Rive sanoo, että ensimmäiset työkalut on tarkoitettu toistuvaan työhön, kuten rakentamaan näkymämalleja tai tilakoneita, joissa on satoja tiloja ja tasoja. Rive:n asiakirjojen mukaan yhdistetty AI-työkalu voi:

  • Luo ja hallitse tiedostoja: lisää, nimeä uudelleen, muuta kokoa, järjestä ja tarkenna tauluja
  • Tarkastele ja muokkaa kohtausta: tee kysely hierarkiasta, valitse objekteja, päivitä ominaisuuksia, kopioi, järjestä uudelleen, muodosta uudelleen tai poista elementtejä
  • Rakenna malleja: muotoja, polkuja, asetteluja, komponentteja ja luetteloita
  • Luo animaatioita ja vuorovaikutusta: lineaariset animaatiot, tilakoneet, tilat, siirtymät, ehdot, avainkehykset ja interpolointi
  • Työskentele tietojen sidonnan kanssa: tarkastele malleja, ominaisuuksia, esiintymiä ja sidoksia
  • Muokkaa Luau-skriptejä ja WGSL-varjostimia: päivitä koodi, suorita diagnostiikkaa, käännä uudelleen, testaa ja lue konsolin lähtö

Rive MCP:n määrittäminen Claude Code:n kanssa

MCP toimii vain työpöytäeditorin kanssa, ei selainversion kanssa. Avaa ensin Rive ja liitä sitten tekoälytyökalu.

1. Avaa Rive-työpöytäsovellus

Asenna uusin Rive-työpöytäeditori macOS:lle tai Windowsille osoitteesta rive.app/downloads ja avaa tiedosto, jota haluat käsitellä.

2. Lisää MCP-palvelin

Suorita terminaalissa: claude mcp add --transport http rive http://127.0.0.1:9791/mcp

3. Käynnistä Claude Code

Juokse claude. Käynnistä se, kun Rive on auki, jotta se löytää Rive-työkalut.

4. Kysy ominaisuuksia, ei koodia

Kuvaile mitä haluat nähdä ja mitä ei saa muuttua, esimerkiksi "lisää hover-tila painikkeeseen, joka skaalaa sen jousella arvoon 1,05 ja pidä painettuna tila sellaisena kuin se on".

Rive MCP:n määrittäminen Cursor:n ja Codexin kanssa

Avaa Cursor:ssä Asetukset, siirry kohtaan Työkalut ja MCP, valitse Lisää mukautettu MCP ja lisää rive-niminen palvelin, jonka URL-osoite on http://127.0.0.1:9791/mcp, ja kytke sitten yhteys päälle. Rive asiakirjat Claude Code ja Cursor. Koska palvelin on paikallinen HTTP MCP -palvelin, muut HTTP MCP -palvelimia tukevat asiakkaat, kuten Codex, voivat muodostaa yhteyden samaan URL-osoitteeseen.

Rive MCP vs. Rive:n sisäänrakennettu AI-agentti

Rive:ssä on myös AI-agentti editorin sisällä. Molemmat voivat muokata tiedostoasi. Erona on, kuka maksaa ja mitä muuta agentti näkee.

  • Sisäänrakennettu agentti toimii Rive:n suunnitelmissa: rajoitettu Free- ja Cadet-versioihin, edistyneillä malleilla, lisäpisteillä ja omalla API-avaimella Voyagerissa
  • MCP:n kanssa käytät jo maksamaasi tekoälytilausta, kuten Claude tai Cursor
  • Ulkoinen agentti voi myös lukea sovelluskoodisi, muistiinpanojasi ja asiakirjojasi, jotta se voi muokata Rive-tiedostoa ja liittää sen sovellukseesi saman istunnon aikana.
  • Sisäänrakennettu agentti ei vaadi asennusta ja toimii selaimen editorissa

Rive MCP vs. Rive CLI

Rive:n uudempi CLI on eri reitti. Avoimen editorin käyttämisen sijaan koodausagentti kirjoittaa kohtauksen tekstinä Rive Markup Language (RML) -kielellä, ja CLI rakentaa .riv-tiedostoja sovelluksellesi tai .rev-tiedostoja, jotka avautuvat editorissa. Se näyttää paikallisen esikatselun, voi renderöidä kehyksiä ja suorittaa testejä ilman ikkunaa ja pitää projektin tekstikansiona, jotta se voi elää versionhallinnassa. Käytä MCP työskennelläksesi suunnittelijan kanssa editorissa; käyttää CLI:tä, kun agentti rakentaa tai muokkaa Rive-grafiikkaa koodista.

Rajoitukset, jotka on tiedettävä ennen aloittamista

Rive:n MCP-integraatio on nuori, ja sillä on joitain käytännön rajoituksia.

  • Vain työpöytäeditori macOS:ssä ja Windowsissa, ja Rive:n on oltava auki tiedostosi kanssa
  • Tekoäly toimii avoimessa tiedostossa, joten tarkista tulos näytöltä ennen kuin luotat siihen
  • .riv-tiedostojen julkaiseminen ilman Rive-aloitusnäyttöä vaatii edelleen maksullisen suunnitelman, Cadetilta 9 dollaria per istuin kuukaudessa, laskutetaan vuosittain
  • Haluttua tulosta kuvaavat kehotteet toimivat paremmin kuin koodia kuvaavat kehotteet

Vaihtoehto: ExodeUI:n MCP-palvelin

ExodeUI on selain- ja työpöytätyökalu interaktiiviseen käyttöliittymään ja animaatioihin. Siinä on myös MCP-palvelin, joten Claude Code, Cursor ja muut AI-koodaustyökalut voivat luoda ja muokata animaatioita selväkielisistä kehotteista. Tuloksena on yksi avoin .exode JSON-tiedosto, jossa on tilakoneet, jousifysiikka sekä syötteet ja tapahtumat, jotka ohjaavat koodiasi ja joita toistetaan sarjoilla React, Vue, Svelte, Angular, Solid, React Native, ZQX0QZ. Se sopii enemmän interaktiiviseen tuotteen käyttöliittymään kuin hahmoanimaatioon. Jos työskentelet jo Rive:ssä, sen MCP-palvelin on yksinkertaisempi valinta.

Tuotannon toteutuskatkelma

Interaktiivisten komponenttien toteutus
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp

# then start Claude Code
claude

Avain Principles muistettavat

  • Rive MCP -palvelin toimii Rive-työpöytäeditorin sisällä osoitteessa http://127.0.0.1:9791/mcp
  • Claude Code muodostaa yhteyden yhdellä komennolla; Cursor yhdistetään työkalujen ja MCP:ien kautta
  • Se voi rakentaa muotoja, animaatioita, tilakoneita, tarkastella malleja ja Luau-skriptejä avoimessa tiedostossa
  • Rive CLI on erillinen tekstipohjainen reitti agenteille, jotka rakentavat Rive-tiedostoja koodista

Usein kysytyt kysymykset

Aiheeseen liittyviä oppaita ja esimerkkejä

Suunnittele interaktiivinen UI kerran. Julkaise sama tiedosto.

Rakenna tilat, jousifysiikka ja logiikka visuaalisesti ExodeUI:ssa ja toista sama tiedosto Reactissa, SwiftUI:ssa, Flutterissa ja muissa. Aloita ilmaiseksi.

Kokeile ilmaiseksi