Rive MCP: come collegare Claude Code, Cursor e Codex a Rive

Informazioni su questa guida

ExodeUI non è affiliato con Rive o Anthropic. Questa guida si basa sulla documentazione di Rive dell'ottobre 2026. Le funzionalità AI di Rive cambiano rapidamente, quindi controlla la pagina ufficiale di MCP se un passaggio non corrisponde a ciò che vedi. Realizziamo ExodeUI, che ha il proprio server MCP, e alla fine confrontiamo i due.

Cosa può fare il server Rive MCP

Rive afferma che i primi strumenti sono mirati a lavori ripetitivi, come la creazione di modelli di visualizzazione o macchine a stati con centinaia di stati e livelli. Secondo i documenti di Rive, uno strumento AI connesso può:

• Crea e gestisci file: aggiungi, rinomina, ridimensiona, organizza e metti a fuoco le tavole da disegno
• Ispeziona e modifica la scena: interroga la gerarchia, seleziona oggetti, aggiorna proprietà, duplica, riordina, riproduci o elimina elementi
• Costruisci progetti: forme, percorsi, layout, istanze di componenti ed elenchi
• Crea animazioni e interazioni: animazioni lineari, macchine a stati, stati, transizioni, condizioni, fotogrammi chiave e interpolazione
• Lavora con l'associazione dati: visualizza modelli, proprietà, istanze e associazioni
• Modifica script Luau e shader WGSL: aggiorna il codice, esegui la diagnostica, ricompila, testa e leggi l'output della console

Come configurare Rive MCP con Claude Code

MCP funziona solo con l'editor desktop, non con la versione del browser. Apri prima Rive, quindi collega il tuo strumento AI.

Come configurare Rive MCP con Cursor e Codex

In Cursor, apri Impostazioni, vai su Strumenti e MCPs, scegli Aggiungi MCP personalizzato e aggiungi un server denominato rive con l'URL http://127.0.0.1:9791/mcp, quindi attiva la connessione. Rive documenti Claude Code e Cursor. Poiché il server è un server HTTP MCP locale, altri client che supportano i server HTTP MCP, come Codex, possono connettersi con lo stesso URL.

Rive MCP vs Agente AI integrato di Rive

Rive ha anche un agente AI all'interno dell'editor. Entrambi possono modificare il tuo file. La differenza è chi paga e cos'altro può vedere l'agente.

• L'agente integrato funziona secondo i piani di Rive: limitato su Free e Cadet, con modelli avanzati, crediti di ricarica e la tua chiave API su Voyager
• Con MCP utilizzi l'abbonamento AI che già paghi, come Claude o Cursor
• Un agente esterno può anche leggere il codice, le note e i documenti della tua app, quindi può modificare il file Rive e collegarlo alla tua app nella stessa sessione
• L'agente integrato non necessita di configurazione e funziona nell'editor del browser

Rive MCP rispetto alla CLI Rive

La nuova CLI di Rive è un percorso diverso. Invece di gestire l'editor aperto, il tuo agente di codifica scrive la scena come testo in Rive Markup Language (RML) e la CLI crea file .riv per la tua app o file .rev che si aprono nell'editor. Mostra un'anteprima locale, può eseguire il rendering di frame ed eseguire test senza finestra e mantiene il progetto come una cartella di testo, in modo che possa vivere nel controllo della versione. Utilizza MCP per lavorare con un designer nell'editor; utilizzare la CLI quando un agente crea o modifica la grafica Rive dal codice.

Limiti da sapere prima di iniziare

L'integrazione MCP di Rive è giovane e presenta alcuni limiti pratici.

• Solo l'editor desktop, su macOS e Windows, e Rive deve essere aperto con il tuo file
• L'intelligenza artificiale funziona sul file aperto, quindi controlla il risultato sullo schermo prima di fidarti
• La pubblicazione di file .riv senza la schermata iniziale Rive richiede comunque un piano a pagamento, da Cadet a $ 9 per posto al mese fatturato annualmente
• I prompt che descrivono il risultato desiderato funzionano meglio dei prompt che descrivono il codice

Un'alternativa: il server ExodeUI di ExodeUI

ExodeUI è un browser e uno strumento desktop per interfaccia utente interattiva e animazione. Dispone anche di un server MCP, quindi Claude Code, Cursor e altri strumenti di codifica AI possono creare e modificare animazioni da istruzioni in linguaggio semplice. Il risultato è un file .exode JSON aperto con macchine a stati, fisica delle molle ed input ed eventi controllati dal codice, riprodotti dai runtime per React, Vue, Svelte, Angular, Solid, React Native, SwiftUI e Flutter. Si adatta all'interfaccia utente interattiva del prodotto più che all'animazione dei personaggi. Se lavori già in Rive, il suo server MCP è la scelta più semplice.