Rive MCP

oficial

Rive MCP permite que la IA maneje tareas repetitivas, como crear Modelos de Vista complejos, Máquinas de Estado con cientos de estados/capas, Diseños, Formas y más.

Ver en rive.app

¿Qué puedes hacer con Rive MCP?

  • Gestionar archivos de Rive — Añadir, cambiar el nombre, redimensionar, organizar y enfocar mesas de trabajo en un archivo de Rive abierto.
  • Editar la escena — Consultar jerarquías, seleccionar objetos, actualizar propiedades, cambiar nombres, duplicar, reordenar, reasignar el elemento principal o eliminar elementos.
  • Crear diseños — Crear formas, trazados, diseños, instancias de componentes, listas de componentes y elementos basados en recursos.
  • Crear esqueletos con huesos — Crear huesos raíz y cadenas de huesos mediante la longitud y la rotación o los puntos de cabeza y cola; después, vincularlos y asignarles pesos.
  • Animar y añadir interacciones — Editar animaciones lineales, máquinas de estados, estados, transiciones, condiciones, fotogramas clave e interpolación.
  • Trabajar con el enlace de datos — Crear modelos de vista, propiedades, instancias, enlaces y grupos de propiedades personalizados.

Documentación

Integración de Rive MCP

[!NOTE]

La integración de MCP solo está disponible actualmente en el Editor de escritorio para Windows y macOS.

Puedes conectar el Editor de Rive con herramientas de IA mediante MCP (Model Context Protocol). El primer conjunto de herramientas está diseñado para que la IA se encargue de tareas repetitivas, como crear View Models complejos, State Machines con cientos de estados y capas, Layouts, Shapes y mucho más.

YouTube video player

Funciones compatibles

  • Crear y administrar archivos de Rive — añadir, cambiar el nombre, cambiar el tamaño, organizar y enfocar artboards.
  • Inspeccionar y editar la escena — consultar jerarquías, seleccionar objetos, actualizar propiedades, cambiar el nombre, duplicar, reordenar, cambiar elementos de padre o eliminarlos.
  • Crear diseños — crear formas, trazados, layouts, instancias de componentes, listas de componentes y elementos basados en recursos.
  • Crear rigs con huesos — crear huesos raíz y cadenas de huesos, por longitud y rotación o mediante puntos de inicio y fin, y luego enlazarlos y asignarles pesos.
  • Crear animaciones e interacciones — editar animaciones lineales, state machines, estados, transiciones, condiciones, fotogramas clave e interpolación.
  • Trabajar con el enlace de datos — crear view models, propiedades, instancias, enlaces y grupos de propiedades personalizados.
  • Editar scripts y shaders — administrar scripts de Luau y shaders WGSL, actualizar el código fuente, ejecutar diagnósticos, volver a compilar, probar, buscar código y leer la salida de la consola.

[!NOTE]

Esta lista de funciones evolucionará con el tiempo a medida que se añadan más herramientas.

Se rechazan y deshacen las ediciones que harían que los runtimes rechazaran el archivo o fallaran, como aplicar dos colores a un mismo relleno o colocar un degradado fuera de un relleno o un trazo. Los colores se leen igual que en el campo hexadecimal: #fff es blanco y se rechazan nombres como red.

Instalación

Con Cursor

1. Abrir Rive

Instala y abre la versión más reciente de la aplicación de escritorio de Rive para Mac o Windows.

2. Configurar Cursor

Crea una cuenta de Cursor e instala la aplicación.

3. Abrir la configuración de Cursor

Abre Cursor y ve al panel de configuración, en la esquina superior derecha.

Open cursor settings

4. Añadir MCP personalizado

Abre la pestaña Tools & MCPs y haz clic en Add Custom MCP.

Open Cursor MCPs tab

5. Guardar la configuración

Guarda el siguiente fragmento JSON en tu ordenador como mcp.json.

{
  "mcpServers": {
      "rive": {
          "url": "http://127.0.0.1:9791/mcp"
      }
  }
}

6. Habilitar la conexión

Activa la conexión MCP On

7. Verificar la conexión

Si todo se instaló correctamente, deberías ver Rive como un servidor MCP disponible.

Cursor verified

[!NOTE]

Para que el servidor de Rive esté disponible, debes tener abierta la aplicación de escritorio de Rive.

Puedes encontrar más información sobre cómo configurar MCP aquí.

Con Claude en Terminal

YouTube video player

1. Abrir Rive

Instala y abre la versión más reciente de la aplicación de escritorio de Rive para macOS o Windows.

2. Añadir el servidor MCP

Ejecuta el siguiente comando en tu terminal:

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

3. Iniciar Claude

Ejecuta Claude y sigue las indicaciones:

claude

¿Qué puede hacer?

Una vez conectada tu herramienta de IA, es hora de empezar a darle instrucciones.

1. Abrir tu archivo de Rive

Abre un archivo de Rive y crea un artboard.

2. Escribir tu instrucción

Escribe tu instrucción en la interfaz de chat y pulsa Intro. La IA tardará un momento en procesar la solicitud y sus cambios aparecerán en el archivo de Rive abierto.

Ejemplo de instrucción:

Create a State Machine about birds with 20 states and 2 layers