O que é rive-mcp?
O rive-mcp, do usuário do GitHub ODU33104, dá a um cliente MCP 35 ferramentas para arquivos de animação do Rive. Ele escreve o formato binário .riv diretamente, então um agente pode montar um arquivo a partir de uma especificação de cena em JSON com formas, gradientes, ossos, malhas, máquinas de estado e keyframes, editar sem perdas um arquivo existente, inspecionar o data binding e passar um lint. A renderização para PNG, GIF, APNG, WebM e sprite sheets usa o runtime oficial do Rive em WebAssembly dentro de um Chromium sem interface.
Ele também transforma o PNG de um personagem num .riv com rig, piscadas e animações de repouso numa única chamada, importa SVG e Lottie, exporta Lottie e abre um Studio web local onde você edita o que o agente construiu e deixa recados para ele. O servidor MCP do próprio Rive, por outro lado, exige o editor Rive Early Access aberto.
O projeto começou em 17 de julho de 2026, tinha 32 estrelas no GitHub quando verificamos e publicou a v0.12.0 no npm em 29 de outubro de 2026. É escrito em TypeScript e não tem vínculo com a Rive.
Como instalar rive-mcp
npx -y rive-mcp-serverrive-mcp vale a pena?
O grande trunfo do rive-mcp é dispensar o editor do Rive. O servidor MCP oficial do Rive fica dentro do app de desktop Early Access e só funciona enquanto esse app está aberto com um arquivo carregado. Este servidor lê e escreve o formato binário por conta própria, com definições de tipos do runtime do Rive sob licença MIT, de modo que um agente pode criar uma animação do zero em CI ou numa máquina sem conta no Rive. As prévias vêm do runtime oficial, o que as mantém perto do que vai para produção.
A lista de ferramentas vai muito além de editar arquivos. O riv_rig_character recorta o PNG de um personagem em partes e monta ossos, uma malha de cabeça com skinning, piscadas, animações de repouso e de alegria e uma máquina de estados numa só chamada. O riv_lint aponta referências quebradas, estados inalcançáveis e movimento robótico totalmente linear; o riv_critique reúne quadros e métricas para um modelo de visão julgar o próprio trabalho; o riv_preflight informa quais runtimes, da web ao Unity, conseguem tocar um arquivo. O Studio local, em 127.0.0.1, dá a uma pessoa linha do tempo, inspetor e editor de curvas para corrigir o resultado.
O porém: a licença. O README e o LICENSE o descrevem como freeware de código visível: livre para usar, inclusive comercialmente, mas você não pode modificá-lo, fazer fork nem redistribuí-lo sem permissão por escrito, e a análise do código assistida por IA é proibida. Com um único mantenedor e 32 estrelas, isso significa que não haverá fork da comunidade se o autor parar. O README também lista lacunas reais: GIFs não têm transparência, a prévia em Canvas2D pode mostrar emendas de malha que não existem no arquivo, o desfoque de borda é gravado mas não aparece na prévia, e scripts Luau e o motor de Layout não são gerados.
Nossa opinião: para produzir indicadores de carregamento, ícones e loops simples de personagem a partir de um prompt, é o caminho mais capaz de que já lemos, e os arquivos gerados são seus. Trate o servidor como uma ferramenta que você aluga de graça, não como uma dependência que você possui.
Onde ele se destaca
Um desenvolvedor front-end num pequeno estúdio de apps
Lançar uma ilustração animada para um estado vazio sem contratar um motion designer
Peça uma cena feita com design tokens e presets de movimento, rode o riv_critique algumas vezes e depois o riv_generate_code para o componente React. Grátis; reserve uma hora de revisão no Studio.
Um desenvolvedor de jogos independente
Fazer o rig de um mascote 2D desenhado num único PNG
O riv_slice_image recorta orelhas e cauda, o riv_rig_character monta os ossos, a piscada e o loop de repouso, e o riv_render_sprites exporta uma sheet para a engine. Confira a malha num runtime por GPU, porque a prévia em Canvas2D pode mostrar emendas.
Uma equipe de design system com uma biblioteca de Lottie
Migrar animações Lottie existentes para o Rive
O riv_lottie_import converte keyframes e caminhos e conta o que não conseguiu levar; riv_visual_diff e riv_ab_compare mostram as diferenças para aprovação.
Antes de decidir
- Configuração
- Exige Node.js 20+ e Chrome, Edge ou Chromium. claude mcp add --scope user rive -- npx -y rive-mcp-server, ou instale o plugin do Claude Code pelo marketplace do repositório; o riv_setup pode adicionar a skill de diretrizes de design incluída.
- Integrações
- 35 ferramentas por stdio; geração de código para React, JavaScript, Vue, Svelte e Flutter; importação de SVG e Lottie, exportação para Lottie; busca de ícones no Iconify; frames do Figma opcionais com FIGMA_TOKEN.
- Dados e privacidade
- Roda localmente. As chamadas externas se limitam ao Iconify para busca de ícones, ao Figma quando FIGMA_TOKEN está definido e ao npm na primeira execução. O Studio se vincula a 127.0.0.1; share: true abre para a sua rede local uma visão somente leitura atrás de uma URL com token impossível de adivinhar.
- Custo em escala
- Grátis para qualquer número de usuários, uso comercial incluído. Não há plano pago nem contrato de suporte publicados.
- Limites
- GIFs sem transparência; desfoque de borda e áudio exclusivo de GPU não aparecem na prévia; scripts Luau e Layout não são gerados; a detecção de captura para protótipo é sensível a pequenos ruídos de pixel.
O que é bom
- Funciona sem o editor do Rive e sem assinatura
- Renderiza com o runtime oficial do Rive
- Rig de personagem a partir de um PNG numa chamada
- Ferramentas de lint, crítica e checagem de runtimes
O que não é
- Licença freeware proíbe forks e modificações
- Um único mantenedor, 32 estrelas
- Prévia difere em alguns pontos da renderização por GPU
- Exige Node.js 20 e um navegador Chromium
Ideal para
Desenvolvedores front-end e pequenas equipes de produto que querem um agente criando ou ajustando animações do Rive sem ter o editor do Rive.
Alternativas ao rive-mcp
rive-mcp: perguntas frequentes
- rive-mcp vale a pena?
- O rive-mcp faz muito mais com arquivos .riv do que o servidor da própria Rive, mas é o freeware de uma única pessoa com licença restritiva, então construa sobre ele só o que você conseguiria refazer em outro lugar. Damos nota 3.5 de 5.
- Quanto custa rive-mcp?
- Grátis para uso pessoal e comercial sob uma licença freeware própria; modificar ou redistribuir exige permissão por escrito do autor. Os arquivos .riv e o código gerados são seus.
- Quais são as desvantagens de rive-mcp?
- Licença freeware proíbe forks e modificações; um único mantenedor, 32 estrelas; prévia difere em alguns pontos da renderização por GPU; exige Node.js 20 e um navegador Chromium.
- Para quem rive-mcp é indicado?
- Desenvolvedores front-end e pequenas equipes de produto que querem um agente criando ou ajustando animações do Rive sem ter o editor do Rive.
- Quanto custa rive-mcp para uma equipe ou em produção?
- Grátis para qualquer número de usuários, uso comercial incluído. Não há plano pago nem contrato de suporte publicados.
- rive-mcp é seguro para dados da empresa?
- Roda localmente. As chamadas externas se limitam ao Iconify para busca de ícones, ao Figma quando FIGMA_TOKEN está definido e ao npm na primeira execução. O Studio se vincula a 127.0.0.1; share: true abre para a sua rede local uma visão somente leitura atrás de uma URL com token impossível de adivinhar.
- Quais são as melhores alternativas ao rive-mcp?
- As alternativas mais próximas que analisamos são Figma MCP Server e Illustrator MCP Server.
Respostas verificadas em 13 de nov. de 2026.