¿Qué es rive-mcp?
rive-mcp, del usuario de GitHub ODU33104, da a un cliente MCP 35 herramientas para archivos de animación de Rive. Escribe directamente el formato binario .riv, así que un agente puede crear un archivo a partir de una especificación de escena en JSON con formas, degradados, huesos, mallas, máquinas de estados y fotogramas clave, editar sin pérdidas un archivo existente, inspeccionar su data binding y pasarle un lint. El renderizado a PNG, GIF, APNG, WebM y hojas de sprites usa el runtime oficial de Rive en WebAssembly dentro de Chromium sin interfaz.
También convierte un PNG de un personaje en un .riv rigeado con parpadeo y animaciones en reposo en una sola llamada, importa SVG y Lottie, exporta Lottie y abre un Studio web local donde puedes editar lo que ha construido el agente y dejarle notas. El servidor MCP propio de Rive, en cambio, necesita el editor de Rive Early Access abierto.
El proyecto empezó el 17 de julio de 2026, tenía 32 estrellas en GitHub cuando lo comprobamos y publicó la v0.12.0 en npm el 29 de octubre de 2026. Está escrito en TypeScript y no tiene relación con Rive.
Cómo instalar rive-mcp
npx -y rive-mcp-server¿Merece la pena rive-mcp?
El truco principal de rive-mcp es que no necesita el editor de Rive. El servidor MCP oficial de Rive vive dentro de la aplicación de escritorio Early Access y solo funciona mientras esa aplicación está abierta con un archivo cargado. Este servidor lee y escribe el formato binario por sí mismo, con definiciones de tipos del runtime de Rive con licencia MIT, de modo que un agente puede crear una animación desde cero en CI o en una máquina sin cuenta de Rive. Las vistas previas salen del runtime oficial, lo que las mantiene cerca de lo que se publica.
La lista de herramientas va mucho más allá de editar archivos. riv_rig_character recorta en partes el PNG de un personaje y monta huesos, una malla de cabeza con skinning, parpadeos, animaciones de reposo y de alegría y una máquina de estados en una sola llamada. riv_lint señala referencias rotas, estados inalcanzables y movimiento robótico totalmente lineal; riv_critique agrupa fotogramas y métricas para que un modelo de visión juzgue su propio trabajo; riv_preflight indica qué runtimes, de la web a Unity, pueden reproducir un archivo. El Studio local, en 127.0.0.1, da a una persona una línea de tiempo, un inspector y un editor de curvas para corregir el resultado.
La pega: la licencia. El README y el LICENSE lo describen como freeware de código visible: gratis de usar, también comercialmente, pero no puedes modificarlo, hacer un fork ni redistribuirlo sin permiso escrito, y se prohíbe el análisis del código asistido por IA. Con un solo mantenedor y 32 estrellas, eso significa que no habrá un fork comunitario si el autor lo deja. El README también enumera carencias reales: los GIF no tienen transparencia, la vista previa en Canvas2D puede mostrar costuras de malla que no están en el archivo, el difuminado se escribe pero no se previsualiza, y no se generan scripts Luau ni el motor de Layout.
Nuestra opinión: para producir indicadores de carga, iconos y bucles sencillos de personajes a partir de un prompt, es la vía más capaz de la que hemos leído, y los archivos que genera son tuyos. Trata el servidor como una herramienta que alquilas gratis, no como una dependencia de tu propiedad.
Dónde se gana su sitio
Un desarrollador front-end en un pequeño estudio de apps
Lanzar una ilustración animada para un estado vacío sin contratar a un diseñador de motion
Pide una escena hecha con design tokens y presets de movimiento, ejecuta riv_critique unas cuantas veces y luego riv_generate_code para el componente de React. Gratis; reserva una hora de revisión en el Studio.
Un desarrollador de juegos independiente
Rigear una mascota 2D dibujada en un único PNG
riv_slice_image recorta orejas y cola, riv_rig_character monta los huesos, el parpadeo y el bucle de reposo, y riv_render_sprites exporta una hoja para el motor. Revisa la malla en un runtime por GPU, porque la vista previa en Canvas2D puede mostrar costuras.
Un equipo de design system con una biblioteca de Lottie
Pasar animaciones Lottie existentes a Rive
riv_lottie_import convierte fotogramas clave y trazados y cuenta lo que no pudo trasladar; riv_visual_diff y riv_ab_compare muestran las diferencias para la aprobación.
Antes de decidirte
- Puesta en marcha
- Necesita Node.js 20+ y Chrome, Edge o Chromium. claude mcp add --scope user rive -- npx -y rive-mcp-server, o instala el plugin de Claude Code desde el marketplace del repositorio; riv_setup puede añadir la skill de pautas de diseño incluida.
- Integraciones
- 35 herramientas por stdio; generación de código para React, JavaScript, Vue, Svelte y Flutter; importación de SVG y Lottie, exportación a Lottie; búsqueda de iconos en Iconify; frames de Figma opcionales con FIGMA_TOKEN.
- Datos y privacidad
- Funciona en local. Las llamadas externas se limitan a Iconify para buscar iconos, Figma cuando FIGMA_TOKEN está definido y npm en la primera ejecución. El Studio se vincula a 127.0.0.1; share: true abre a tu red local una vista de solo lectura tras una URL con token imposible de adivinar.
- Coste a escala
- Gratis para cualquier número de usuarios, uso comercial incluido. No hay plan de pago ni contrato de soporte publicados.
- Límites
- Los GIF no tienen transparencia; el difuminado y el audio solo para GPU no se previsualizan; no se generan scripts Luau ni Layout; la detección de capturas a prototipo es sensible a pequeñas variaciones de píxeles.
Lo bueno
- Funciona sin el editor de Rive ni suscripción
- Renderiza con el runtime oficial de Rive
- Rigging de personajes desde un PNG en una llamada
- Herramientas de lint, crítica y comprobación de runtimes
Lo malo
- La licencia freeware impide forks y modificaciones
- Un solo mantenedor, 32 estrellas
- La vista previa difiere a veces del renderizado por GPU
- Necesita Node.js 20 y un navegador Chromium
Ideal para
Desarrolladores front-end y pequeños equipos de producto que quieren que un agente cree o ajuste animaciones de Rive sin tener el editor de Rive.
Alternativas a rive-mcp
rive-mcp: preguntas frecuentes
- ¿Merece la pena rive-mcp?
- rive-mcp hace con los archivos .riv mucho más que el servidor de la propia Rive, pero es el freeware de una sola persona con una licencia restrictiva, así que construye sobre él solo lo que podrías rehacer en otro sitio. Le damos un 3.5 sobre 5.
- ¿Cuánto cuesta rive-mcp?
- Gratis para uso personal y comercial bajo su propia licencia freeware; modificarlo o redistribuirlo requiere permiso escrito del autor. Los archivos .riv y el código generados son tuyos.
- ¿Qué inconvenientes tiene rive-mcp?
- La licencia freeware impide forks y modificaciones; un solo mantenedor, 32 estrellas; la vista previa difiere a veces del renderizado por GPU; necesita Node.js 20 y un navegador Chromium.
- ¿Para quién es rive-mcp?
- Desarrolladores front-end y pequeños equipos de producto que quieren que un agente cree o ajuste animaciones de Rive sin tener el editor de Rive.
- ¿Cuánto cuesta rive-mcp para un equipo o en producción?
- Gratis para cualquier número de usuarios, uso comercial incluido. No hay plan de pago ni contrato de soporte publicados.
- ¿Es rive-mcp seguro para los datos de la empresa?
- Funciona en local. Las llamadas externas se limitan a Iconify para buscar iconos, Figma cuando FIGMA_TOKEN está definido y npm en la primera ejecución. El Studio se vincula a 127.0.0.1; share: true abre a tu red local una vista de solo lectura tras una URL con token imposible de adivinar.
- ¿Cuáles son las mejores alternativas a rive-mcp?
- Las alternativas más cercanas que hemos analizado son Figma MCP Server y Illustrator MCP Server.
Respuestas comprobadas el 13 nov 2026.