Rive MCP: Como conectar Claude Code, Cursor e Codex a Rive

Sobre este guia

ExodeUI não é afiliado a Rive ou Antrópico. Este guia é baseado na própria documentação do Rive de outubro de 2026. Os recursos de IA do Rive mudam rapidamente, então verifique a página oficial do MCP se uma etapa não corresponder ao que você vê. Fazemos o ExodeUI, que possui seu próprio servidor MCP, e comparamos os dois no final.

O que o servidor Rive MCP pode fazer

Rive afirma que as primeiras ferramentas são voltadas para trabalhos repetitivos, como construir modelos de visualização ou máquinas de estado com centenas de estados e camadas. De acordo com os documentos do Rive, uma ferramenta de IA conectada pode:

• Crie e gerencie arquivos: adicione, renomeie, redimensione, organize e foque pranchetas
• Inspecione e edite a cena: consulte a hierarquia, selecione objetos, atualize propriedades, duplique, reordene, reparente ou exclua elementos
• Construir projetos: formas, caminhos, layouts, instâncias de componentes e listas
• Crie animação e interação: animações lineares, máquinas de estado, estados, transições, condições, quadros-chave e interpolação
• Trabalhe com vinculação de dados: visualize modelos, propriedades, instâncias e vinculações
• Edite scripts Luau e shaders WGSL: atualize código, execute diagnósticos, recompile, teste e leia a saída do console

Como configurar Rive MCP com Claude Code

MCP funciona apenas com o editor de desktop, não com a versão do navegador. Abra Rive primeiro e depois conecte sua ferramenta de IA.

Como configurar Rive MCP com Cursor e Codex

Em Cursor, abra Configurações, vá para Ferramentas e MCPs, escolha Adicionar MCP personalizado e adicione um servidor chamado rive com o URL http://127.0.0.1:9791/mcp e ative a conexão. Rive documenta Claude Code e Cursor. Como o servidor é um servidor HTTP MCP local, outros clientes que suportam servidores HTTP MCP, como o Codex, podem se conectar com a mesma URL.

Rive MCP vs Agente de IA integrado do Rive

Rive também possui um Agente AI dentro do editor. Ambos podem editar seu arquivo. A diferença é quem paga e o que mais o agente pode ver.

• O Agente integrado funciona nos planos Rive: limitado em Free e Cadet, com modelos avançados, créditos de recarga e sua própria chave API no Voyager
• Com MCP, você usa a assinatura de IA pela qual já pagou, como Claude ou Cursor
• Um agente externo também pode ler o código do seu aplicativo, notas e documentos, para que possa editar o arquivo Rive e conectá-lo ao seu aplicativo na mesma sessão
• O Agente integrado não precisa de configuração e funciona no editor do navegador

Rive MCP versus CLI Rive

A CLI mais recente do Rive é uma rota diferente. Em vez de conduzir o editor aberto, seu agente de codificação grava a cena como texto em Rive Markup Language (RML) e a CLI cria arquivos .riv para seu aplicativo ou arquivos .rev que abrem no editor. Ele mostra uma visualização local, pode renderizar quadros e executar testes sem janela e mantém o projeto como uma pasta de texto, para que possa permanecer no controle de versão. Use MCP para trabalhar com um designer no editor; use a CLI quando um agente cria ou edita gráficos Rive a partir do código.

Limites a saber antes de começar

A integração MCP do Rive é jovem e tem alguns limites práticos.

• Apenas editor de desktop, no macOS e Windows, e Rive deve estar aberto com seu arquivo
• A IA funciona no arquivo que está aberto, então verifique o resultado na tela antes de confiar nela
• A publicação de arquivos .riv sem a tela inicial Rive ainda precisa de um plano pago, do Cadet a US$ 9 por assento por mês cobrado anualmente
• Os prompts que descrevem o resultado desejado funcionam melhor do que os prompts que descrevem o código

Uma alternativa: servidor MCP de ExodeUI

ExodeUI é um navegador e ferramenta de desktop para interface de usuário interativa e animação. Ele também possui um servidor MCP, portanto Claude Code, Cursor e outras ferramentas de codificação de IA podem criar e editar animações a partir de prompts em linguagem simples. O resultado é um arquivo .exode JSON aberto com máquinas de estado, física de primavera e entradas e eventos que seu código controla, reproduzidos por tempos de execução para React, Vue, Svelte, Angular, Solid, React Native, SwiftUI e Flutter. É mais adequado à interface do produto interativo do que à animação de personagens. Se você já trabalha no Rive, o servidor MCP é a escolha mais simples.