Animation Machine
Renderize animações HTML que sua IA escreve (GSAP, CSS, Lottie, Three.js) para MP4 ou GIF, e finalize vídeos com música, narração por IA, legendas em 16 idiomas, cartões de título e logotipos. Formatos 16:9, 9:16 e 1:1 a partir de uma única solicitação, com pré-visualizações de quadro estático e modelos de gráficos em movimento. Servidor remoto hospedado com OAuth.
Documentação
O servidor MCP de vídeo para Claude, ChatGPT e Cursor
https://animation-machine.com/mcp
Incluído no plano de $5/mês · sem instalação · renderização em nuvem
Como é
Uma frase de entrada, um vídeo finalizado de saída
Sem exportação, sem gravação de tela, sem aplicativo de edição. Todo o ciclo acontece no chat.
Crie um teaser de lançamento de 6 segundos para "Acme Notes 2.0": fundo escuro, tipografia em negrito, uma revelação rápida de logotipo. Preciso dele para YouTube e TikTok, com música animada.
⚙ preview_frame verificou o layout aos 3s, parece certo
⚙ search_music "música animada de lançamento"
⚙ render aspectos 16:9 + 9:16, música a 60%
⚙ get_job concluído em cerca de 2 minutos
Aqui está: Versão para YouTube (16:9) · Versão para TikTok (9:16). Cada uma também tem uma página de compartilhamento e um link "abrir no Studio". Quer legendas e uma narração também?
Como funciona
Sua IA escreve o código. Nós transformamos em vídeo.
Claude, ChatGPT e Cursor são excelentes em animação com HTML, CSS e JavaScript, mas não conseguem reproduzi-la e gravá-la. A Animation Machine consegue.
A IA escreve uma animação
HTML simples com GSAP, keyframes CSS, Web Animations, Lottie, Three.js ou canvas. Ou escolhe um de nossos modelos de motion graphics.
Ela verifica e renderiza
Uma prévia estática detecta erros de layout primeiro. Depois, reproduzimos quadro a quadro em um navegador real e codificamos um MP4 ou GIF limpo.
Você recebe o arquivo finalizado
Música mixada e com ducking, narração, legendas, cartões de título, logotipo, todas as proporções. Link de download, página de compartilhamento e link do Studio.
Configuração
Conecte seu aplicativo de IA
Nenhuma chave de API necessária: cada aplicativo abaixo conecta você com sua conta da Animation Machine. O caminho mais rápido em um agente de codificação (Claude Code, OpenCode, Cursor, Codex…): cole esta frase e ele se configura sozinho.
Set up the Animation Machine MCP server for me by following https://animation-machine.com/install.md
- Abra Configurações → Conectores e escolha Adicionar conector personalizado.
- Nomeie-o como Animation Machine e cole
https://animation-machine.com/mcp. - Clique em Conectar, entre na Animation Machine e clique em Permitir.
- Em um chat, ative o conector no menu de ferramentas e peça um vídeo.
Nenhuma chave para copiar. Funciona no claude.ai, no Claude Desktop e nos aplicativos móveis do Claude. Desconecte a qualquer momento pelo menu da conta → Agentes de IA.
Exemplos de prompts
Coisas para pedir à sua IA
Copie qualquer um destes no Claude, ChatGPT ou Cursor depois que a Animation Machine estiver conectada.
Abertura de canal Crie uma abertura animada de 5 segundos para meu canal do YouTube "Build Notes": azul-marinho escuro, o título desliza letra por letra, um brilho suave. Renderize como MP4.
Todas as plataformas Transforme este anúncio de lançamento em um vídeo animado de 10 segundos e renderize em 16:9, 9:16 e 1:1 com música animada livre de royalties.
Dados em vídeo Aqui estão nossos números do 3º trimestre. Crie um gráfico de barras animado de 15 segundos que se constrói uma barra por vez e renderize para o LinkedIn (1:1).
Finalize meu vídeo Vou enviar demo.mp4. Adicione música de fundo calma, legendas incorporadas em espanhol, meu @handle no canto e um cartão final que diga "Experimente grátis".
Cartão de apresentação Use o modelo de terço inferior para "Maya Chen, Diretora de Design" em verde-azulado, 5 segundos, e renderize.
Marco Renderize o modelo de estatística contando até 10.000 com o rótulo "clientes felizes" e depois escreva um Kit de Post para Instagram.
Explicativo Escreva um explicativo animado de 30 segundos sobre como um CDN funciona com formas e rótulos simples, adicione uma narração amigável lendo o roteiro e renderize.
GIF para documentação Crie um GIF em loop de 6 segundos mostrando um interruptor passando de desligado para ligado, para nosso README.
Ferramentas
O que sua IA pode chamar
Onze ferramentas focadas. Ferramentas somente leitura são marcadas para que os clientes possam executá-las sem perguntar a cada vez. Cada parâmetro está na documentação completa (também como Markdown para agentes de IA).
| Ferramenta | O que faz |
|---|---|
render | Renderiza uma animação HTML (HTML inline, um projeto de vários arquivos ou um zip enviado) ou finaliza um vídeo enviado. Opções: até 3 proporções, MP4 ou GIF, 720p/1080p, 24/30 fps, música, narração, legendas em 16 idiomas, cartões de título e final, texto no canto, logotipo. Retorna IDs de trabalho. |
render_template | Motion graphics refinados a partir de alguns campos: cartão de título, terço inferior, citação, contador de estatísticas. |
preview_frame | Retorna um quadro estático como imagem mais a duração detectada da animação, para a IA verificar seu trabalho primeiro. |
get_job | Progresso e depois um link de download (24 h), uma página de exibição compartilhável e um link "abrir no Studio". |
cancel_job | Interrompe uma renderização na fila ou em andamento. |
create_upload | Um link de upload único para um zip, vídeo ou logotipo local. |
search_music | Pesquise 500.000 faixas CC0 livres de royalties por clima ou gênero. |
list_voices | Vozes de IA naturais para narrações. |
post_kit | Analisa um vídeo finalizado e escreve a legenda, ganchos, hashtags e descrição. |
list_renders · get_account | Renderizações recentes, plano e limites. |
Ideias
Para que as pessoas usam
🎬
Aberturas e encerramentos
Aberturas de canal, aberturas de podcast, cartões finais com sua chamada para ação.
📊
Dados em vídeo
Gráficos animados e resumos de KPIs a partir de números que você cola. Ótimo para atualizações semanais.
🧑💻
Demonstrações de produto
Animações de passo a passo de interface, revelações de recursos e GIFs para README, direto do seu editor de código.
🎙️
Explicativos narrados
Roteiro, animação, narração por IA e legendas em uma única passada.
🌍
Versões localizadas
O mesmo vídeo com legendas em até 16 idiomas.
Comparação
Como se compara
Existem algumas maneiras de obter vídeo de um assistente de IA. Aqui está onde a Animation Machine se encaixa.
| Animation Machine MCP | Servidores MCP Remotion | Servidores MCP FFmpeg | Modelos de vídeo com IA | |
|---|---|---|---|---|
| Configuração | Cole uma URL, entre | Projeto Node + React local | Instalação local do FFmpeg | Chaves de API por modelo |
| Onde renderiza | Nossa nuvem | Sua máquina | Sua máquina | Nuvem deles |
| Entrada | Qualquer animação HTML/CSS/JS, ou um vídeo | Componentes React | Arquivos de mídia existentes | Um prompt de texto |
| Texto e layout exatos | Sim, renderiza código | Sim | n/d | Não |
| Música, narração, legendas | Integrados | Monte você mesmo | Manual | Varia |
| Funciona no claude.ai e ChatGPT | Sim | Não (somente local) | Não (somente local) | Alguns |
| Preço | $5/mês fixo | Grátis + licença Remotion para empresas | Grátis | Por segundo de vídeo |
Uso justo
Rápido para todos, por design
Limites
- Um trabalho por vez por conta
- Animações HTML de até 60 segundos
- GIFs de até 15 segundos, vídeos que você finaliza de até 3 minutos
- Até 1080p, 24 ou 30 fps
- 200 renderizações por mês, compartilhadas com o site
Segurança
- OAuth 2.1 com PKCE, ou chaves de API revogáveis
- Os aplicativos podem renderizar e ler suas renderizações, nada mais: sem cobrança, sem alterações na conta
- As animações são renderizadas em um navegador em sandbox sem acesso à nossa rede interna
- Os links de download são assinados e expiram após 24 horas
Precisa de 4K, vídeos mais longos ou um editor completo? Use o aplicativo web ou o Studio. Cada renderização de agente tem um link "abrir no Studio".
FAQ
Perguntas
O que é um servidor MCP de vídeo?
O MCP (Model Context Protocol) permite que assistentes de IA usem ferramentas externas. Um servidor MCP de vídeo dá ao assistente ferramentas para criar vídeos. O da Animation Machine permite que Claude, ChatGPT, Cursor e outros clientes MCP renderizem animações e finalizem vídeos, para que a IA possa entregar um MP4 real em vez de um bloco de código.
Preciso instalar algo?
Não. É um servidor remoto hospedado. Adicione https://animation-machine.com/mcp ao seu aplicativo de IA e entre. A renderização roda em nossos servidores, não no seu computador.
Isso é um gerador de vídeo com IA?
Não no sentido de "digite um prompt, receba imagens aleatórias". Nós renderizamos código: a animação em HTML, CSS e JavaScript que sua IA escreve é reproduzida quadro a quadro em um navegador real e codificada em vídeo. Texto, cores da marca, layout e tempo saem exatamente como escritos. Música, narração e legendas são sobrepostas por cima.
Que tipos de animação funcionam?
Qualquer coisa que rode em um navegador: timelines GSAP, keyframes CSS, a API Web Animations, Lottie, Three.js, p5.js, canvas, SVG, anime.js e exportações do Claude Design. Se a duração não puder ser detectada automaticamente, a IA pode passar duration_seconds ou adicionar const TOTAL = 8 à página.
Quanto custa?
Está incluído no plano de $5/mês. As renderizações de agentes contam para as mesmas 200 renderizações mensais do site. Não há preço separado de API.
Quanto tempo leva uma renderização?
Normalmente de um a três minutos para uma animação curta em 1080p. Se outra pessoa estiver renderizando, seu trabalho espera na fila e a IA é avisada quando verificar novamente.
Para onde vão os vídeos?
Sua IA recebe um link de download privado (válido por 24 horas), uma página de exibição compartilhável e um link que abre o vídeo no Studio para edições finais. As renderizações também aparecem no seu histórico no aplicativo.
Como é diferente de um servidor MCP Remotion?
Os servidores MCP Remotion precisam de um projeto React/Remotion local e renderizam na sua máquina, então não funcionam no claude.ai ou no ChatGPT. A Animation Machine renderiza qualquer animação HTML na nuvem, funciona em todos os clientes MCP e inclui música, narração, legendas e saída em múltiplas proporções.
Posso revogar o acesso?
Sim. Menu da conta → Agentes de IA (MCP) lista todas as chaves de API e aplicativos conectados com um botão Revogar ou Desconectar. O efeito é aplicado em menos de um minuto.