Rive MCP: Cómo conectar Claude Code, Cursor y Codex a Rive

Acerca de esta guía

ExodeUI no está afiliado a Rive ni a Anthropic. Esta guía se basa en la propia documentación de Rive a partir de octubre de 2026. Las funciones de IA de Rive cambian rápidamente, así que consulte la página oficial de MCP si un paso no coincide con lo que ve. Creamos ExodeUI, que tiene su propio servidor MCP, y comparamos los dos al final.

Qué puede hacer el servidor Rive MCP

Rive dice que las primeras herramientas están dirigidas al trabajo repetitivo, como construir modelos de vista o máquinas de estados con cientos de estados y capas. Según los documentos de Rive, una herramienta de IA conectada puede:

• Cree y administre archivos: agregue, cambie el nombre, cambie el tamaño, organice y enfoque mesas de trabajo
• Inspeccionar y editar la escena: consultar la jerarquía, seleccionar objetos, actualizar propiedades, duplicar, reordenar, reparar o eliminar elementos
• Construir diseños: formas, rutas, diseños, instancias de componentes y listas.
• Cree animación e interacción: animaciones lineales, máquinas de estados, estados, transiciones, condiciones, fotogramas clave e interpolación.
• Trabajar con enlace de datos: ver modelos, propiedades, instancias y enlaces
• Edite scripts de Luau y sombreadores WGSL: actualice el código, ejecute diagnósticos, vuelva a compilar, pruebe y lea la salida de la consola

Cómo configurar Rive MCP con Claude Code

MCP solo funciona con el editor de escritorio, no con la versión del navegador. Primero abra Rive y luego conecte su herramienta de inteligencia artificial.

Cómo configurar Rive MCP con Cursor y Codex

En Cursor, abra Configuración, vaya a Herramientas y MCP, elija Agregar MCP personalizado y agregue un servidor llamado rive con la URL http://127.0.0.1:9791/mcp, luego active la conexión. Rive documenta Claude Code y Cursor. Debido a que el servidor es un servidor HTTP MCP local, otros clientes que admiten servidores HTTP MCP, como Codex, pueden conectarse con la misma URL.

Rive MCP frente al agente AI integrado de Rive

Rive también tiene un Agente AI dentro del editor. Ambos pueden editar su archivo. La diferencia es quién paga y qué más puede ver el agente.

• El Agente integrado se ejecuta en los planes de Rive: limitado en Free y Cadet, con modelos avanzados, créditos de recarga y su propia clave API en Voyager.
• Con MCP, utiliza la suscripción de IA que ya paga, como Claude o Cursor.
• Un agente externo también puede leer el código, las notas y los documentos de su aplicación, de modo que pueda editar el archivo Rive y conectarlo a su aplicación en la misma sesión.
• El Agente integrado no necesita configuración y funciona en el editor del navegador.

Rive MCP frente a la CLI Rive

La CLI más nueva de Rive es una ruta diferente. En lugar de controlar el editor abierto, su agente de codificación escribe la escena como texto en el lenguaje de marcado (RML) Rive y la CLI crea archivos .riv para su aplicación o archivos .rev que se abren en el editor. Muestra una vista previa local, puede renderizar fotogramas y ejecutar pruebas sin una ventana y mantiene el proyecto como una carpeta de texto, para que pueda vivir en control de versiones. Utilice MCP para trabajar con un diseñador en el editor; utilice la CLI cuando un agente cree o edite gráficos Rive a partir de código.

Límites que debes conocer antes de empezar

La integración MCP de Rive es joven y tiene algunos límites prácticos.

• Solo editor de escritorio, en macOS y Windows, y Rive debe estar abierto con su archivo
• La IA funciona en el archivo que está abierto, así que verifique el resultado en la pantalla antes de confiar en él.
• La publicación de archivos .riv sin la pantalla de presentación Rive aún necesita un plan pago, de Cadet a $9 por puesto al mes con facturación anual.
• Las indicaciones que describen el resultado que desea funcionan mejor que las indicaciones que describen el código

Una alternativa: el servidor MCP de ExodeUI

ExodeUI es una herramienta de navegador y escritorio para interfaz de usuario interactiva y animación. También tiene un servidor MCP, por lo que Claude Code, Cursor y otras herramientas de codificación de IA pueden crear y editar animaciones a partir de indicaciones en lenguaje sencillo. El resultado es un archivo abierto .exode JSON con máquinas de estado, física de resortes y entradas y eventos que controla su código, reproducido por tiempos de ejecución para React, Vue, Svelte, Angular, Solid, React Native, SwiftUI y Flutter. Se adapta más a la interfaz de usuario interactiva del producto que a la animación de personajes. Si ya trabaja en Rive, su servidor MCP es la opción más sencilla.