Rive MCP: Cum se conectează Claude Code, Cursor și Codex la Rive
Cum funcționează serverul Rive MCP, cum să conectați Claude Code și Cursor la editorul Rive, ce poate și nu poate face AI și cum se compară cu agentul încorporat al Rive și cu CLI-ul Rive.
Core Takeaway
Serverul Rive MCP este încorporat în editorul desktop Rive pentru Mac și Windows. În timp ce Rive este deschis, rulează la http://127.0.0.1:9791/mcp, iar instrumentele de codare AI, cum ar fi Claude Code și Cursor, se pot conecta la acesta pentru a crea tablouri de artă, forme, animații, mașini de stat, vizualiza modele și scripturi în fișierul deschis. În Claude Code, conectați-l cu o singură comandă: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
Despre acest ghid
ExodeUI nu este afiliat cu Rive sau Anthropic. Acest ghid se bazează pe documentația proprie Rive din octombrie 2026. Caracteristicile AI ale Rive se schimbă rapid, așa că verificați pagina oficială MCP dacă un pas nu se potrivește cu ceea ce vedeți. Facem ExodeUI, care are propriul server MCP, și le comparăm pe cele două la sfârșit.
Ce poate face serverul Rive MCP
Rive spune că primele instrumente sunt destinate lucrărilor repetitive, cum ar fi modele de vizualizare a clădirii sau mașini de stare cu sute de stări și straturi. Conform documentelor Rive, un instrument AI conectat poate:
- Creați și gestionați fișiere: adăugați, redenumiți, redimensionați, aranjați și focalizați tablourile de desen
- Inspectați și editați scena: interogați ierarhia, selectați obiecte, actualizați proprietățile, duplicați, reordonați, refaceți sau ștergeți elemente
- Construiți modele: forme, căi, machete, instanțe de componente și liste
- Creați animație și interacțiune: animații liniare, mașini de stări, stări, tranziții, condiții, cadre cheie și interpolare
- Lucrați cu legarea de date: vizualizați modele, proprietăți, instanțe și legături
- Editați scripturi Luau și shaders WGSL: actualizați codul, rulați diagnostice, recompilați, testați și citiți rezultatul consolei
Cum să configurați Rive MCP cu Claude Code
MCP funcționează numai cu editorul desktop, nu cu versiunea de browser. Deschideți mai întâi Rive, apoi conectați-vă instrumentul AI.
1. Deschideți aplicația desktop Rive
Instalați cel mai recent editor de desktop Rive pentru macOS sau Windows de pe rive.app/downloads și deschideți fișierul la care doriți să lucrați.
2. Adăugați serverul MCP
Într-un terminal, rulați: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. Porniți Claude Code
Fugi claude. Porniți-l după ce Rive este deschis, astfel încât să poată găsi instrumentele Rive.
4. Solicitați caracteristici, nu cod
Descrieți ce doriți să vedeți și ce nu trebuie să se schimbe, de exemplu „adăugați o stare de hover la butonul care o scalează la 1,05 cu un arc și păstrați starea apăsată așa cum este”.
Cum să configurați Rive MCP cu Cursor și Codex
În Cursor, deschideți Setări, accesați Instrumente și MCP, alegeți Adăugare personalizat MCP și adăugați un server numit rive cu adresa URL http://127.0.0.1:9791/mcp, apoi porniți conexiunea. Rive documente Claude Code și Cursor. Deoarece serverul este un server HTTP MCP local, alți clienți care acceptă servere HTTP MCP, cum ar fi Codex, se pot conecta cu aceeași adresă URL.
Rive MCP vs agentul AI încorporat din Rive
Rive are, de asemenea, un agent AI în interiorul editorului. Ambele vă pot edita fișierul. Diferența este cine plătește și ce mai poate vedea agentul.
- Agentul încorporat rulează pe planurile Rive: limitat la Free și Cadet, cu modele avansate, credite suplimentare și propria cheie API pe Voyager
- Cu MCP, utilizați abonamentul AI pentru care plătiți deja, cum ar fi Claude sau Cursor
- Un agent extern poate citi, de asemenea, codul aplicației, notele și documentele, astfel încât să poată edita fișierul Rive și să-l conecteze în aplicația dvs. în aceeași sesiune
- Agentul încorporat nu necesită configurare și funcționează în editorul de browser
Rive MCP vs Rive CLI
Noul CLI al lui Rive este o rută diferită. În loc să conducă editorul deschis, agentul de codare scrie scena ca text în Rive Markup Language (RML), iar CLI creează fișiere .riv pentru aplicația dvs. sau fișiere .rev care se deschid în editor. Afișează o previzualizare locală, poate reda cadre și rula teste fără fereastră și păstrează proiectul ca dosar de text, astfel încât să poată trăi în controlul versiunilor. Utilizați MCP pentru a lucra cu un designer în editor; utilizați CLI atunci când un agent creează sau editează grafica Rive din cod.
Limite de știut înainte de a începe
Integrarea lui Rive MCP este tânără și are anumite limite practice.
- Doar editorul desktop, pe macOS și Windows, și Rive trebuie să fie deschis cu fișierul dvs
- AI funcționează pe fișierul care este deschis, așa că verificați rezultatul pe ecran înainte de a avea încredere în el
- Publicarea fișierelor .riv fără ecranul de deschidere Rive necesită încă un plan plătit, de la Cadet la 9 USD pe loc pe lună facturat anual
- Solicitările care descriu rezultatul dorit funcționează mai bine decât solicitările care descriu codul
O alternativă: serverul MCP al lui ExodeUI
ExodeUI este un browser și un instrument de desktop pentru interfața de utilizare interactivă și animație. Are, de asemenea, un server MCP, astfel încât Claude Code, Cursor și alte instrumente de codare AI pot crea și edita animații din solicitări în limbaj simplu. Rezultatul este un fișier .exode JSON deschis cu mașini de stat, fizică de primăvară și intrări și evenimente controlate de codul dvs., redate de timpii de execuție pentru React, Vue, Svelte, Angular, Solid, Solid, ZQX4ZX și ZQX4ZX. Se potrivește cu interfața interactivă a produsului mai mult decât animația personajelor. Dacă lucrați deja în Rive, serverul său MCP este alegerea mai simplă.
Fragment de implementare a producției
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
# then start Claude Code
claudeCheie Principles de reținut
- Serverul Rive MCP rulează în editorul desktop Rive la http://127.0.0.1:9791/mcp
- Claude Code se conectează cu o singură comandă; Cursor se conectează prin Instrumente și MCP
- Poate construi forme, animații, mașini de stare, vizualiza modele și script-uri Luau în fișierul deschis
- Rive CLI este o rută separată, bazată pe text, pentru agenții care construiesc fișiere Rive din cod