← Voltar ao blog

Vídeo com IA no Cursor e no Claude Code via MCP

Adicione o servidor MCP do 8frame ao Cursor ou ao Claude Code e gere imagens e vídeos de marketing direto do editor. Configuração, casos de uso para devs e notas honestas sobre latência.

Se você lança produto, já conhece a lacuna: a feature funciona, a landing page está escrita, e agora falta um vídeo principal, um cabeçalho para o README e um clipe para o anúncio. Normalmente isso significa sair do editor, abrir outra ferramenta, voltar com o arquivo e perder boa parte do foco. Este guia fecha essa lacuna. Adicione o servidor MCP do 8frame ao Cursor ou ao Claude Code e você gera imagens e vídeos na mesma janela em que escreve código.

O servidor MCP do 8frame oferece geração e edição de imagens, remoção de fundo, upscale de imagens, vídeo e música. O Cursor e o Claude Code são clientes MCP, então, depois que o servidor entra na configuração deles, o agente de código pode chamá-lo como qualquer outra ferramenta. Você descreve o asset no painel de chat, o 8frame gera, e o resultado volta como um link de arquivo. Abaixo estão a configuração de cada um, os casos de uso de desenvolvimento em que isso se encaixa e a realidade da latência, para você saber quando recorrer a isso e quando não.

O que você vai conseguir fazer pelo editor

As etapas centrais do canvas: gerar uma imagem estática, animá-la, editar um quadro existente, fazer upscale de uma imagem. A diferença é que você faz isso junto com o build, com menos ajustes por modelo do que o canvas oferece. O que os devs mais procuram:

O custo sai dos seus créditos do 8frame, nos preços do conector, sem taxa separada pelo MCP. Os primeiros que um dev encontra: uma imagem do Nano Banana custa 6 créditos (o conector roda o Nano Banana Classic, não o Nano Banana 2 nem o Pro), um clipe de 5 segundos do Kling v3 Standard com som, 86 (pelo conector, o Kling é só o v3 Standard e precisa de uma imagem inicial), e um clipe de 8 segundos do Veo, 448 no Veo 3.1 Standard, que é o padrão do Veo no conector (a ferramenta Veo do canvas abre no Fast), 168 no Fast e 54 no Lite. Peça o nível pelo nome. A lista completa de preços, ferramenta por ferramenta, está em como gerar vídeo com IA no Claude.

Adicione o servidor ao Cursor

O Cursor lê os servidores MCP de um arquivo mcp.json: ~/.cursor/mcp.json para um servidor global, disponível em todos os projetos, ou .cursor/mcp.json dentro de um repo para um servidor restrito ao projeto. Adicione o 8frame em mcpServers:

{
  "mcpServers": {
    "8frame": {
      "url": "https://mcp.8frame.co/mcp"
    }
  }
}

A documentação do Cursor lista os servidores MCP em Customize, na barra lateral, onde cada servidor pode ser ligado ou desligado; confira se o 8frame está ligado e se as ferramentas dele aparecem. O Cursor suporta OAuth para os servidores que exigem, e o 8frame exige: você entra na sua conta do 8frame no primeiro uso, para que as gerações sejam cobradas dos seus créditos. Por padrão, o Cursor pede sua aprovação antes de usar uma ferramenta MCP, então cada geração espera o seu ok antes de gastar créditos.

Adicione o servidor ao Claude Code

O Claude Code adiciona servidores MCP remotos via HTTP com um único comando:

claude mcp add --transport http 8frame https://mcp.8frame.co/mcp

Sem uma opção de escopo, o servidor entra no escopo local: só este projeto e só para você. Adicione --scope user para registrá-lo uma vez em todos os seus projetos, ou --scope project para gravá-lo em .mcp.json na raiz do projeto e compartilhá-lo com o time pelo controle de versão. Confira com:

claude mcp list

Depois rode /mcp dentro do Claude Code e siga os passos no navegador para entrar na sua conta do 8frame. Feito isso, peça ao Claude Code para gerar direto na sua sessão. A referência completa do servidor e o caminho pelos Connectors do claude.ai (para escrever prompts fora de um editor) estão em 8frame.co/mcp.

Onde isso compensa

Páginas nas lojas: em volta da prévia, não dentro dela. As App Store Review Guidelines da Apple (2.3.4) dizem que as prévias "may only use video screen captures of the app itself" (só podem usar capturas de vídeo da tela do próprio app), então material gerado não entra numa prévia da App Store. A orientação do Google Play para vídeos de prévia diz "Aim for at least 80% of the video to be representative of the user experience" (tente fazer com que pelo menos 80% do vídeo represente a experiência do usuário) e pede para limitar "pre-rendered or promotional content" (conteúdo pré-renderizado ou promocional). Os clipes gerados se encaixam em tudo o que está em volta do lançamento e leva à página da loja: o post de lançamento, a página do produto, os anúncios.

Visuais para o README. Um clipe gerado não consegue mostrar a sua interface real, então a parte do README que explica como a feature funciona continua sendo uma gravação de tela ou um GIF. Um clipe ou uma imagem gerados podem ficar acima disso, como cabeçalho do lançamento ou da página de documentação. Gere enquanto a feature está fresca na cabeça, coloque o link no README e siga em frente.

Vídeo principal da landing. Se você mantém o site de marketing no mesmo repo, dá para gerar o clipe principal sem sair do editor. Itere o briefing no painel de chat, gere algumas opções, escolha uma e publique.

Redes no dia do lançamento. Quando você solta uma versão, muitas vezes quer um clipe para a thread do anúncio. Peça três ou quatro variações verticais a partir de uma imagem 9:16 e você tem um conjunto para testar ganchos: a imagem a 6 créditos mais quatro clipes do Kling v3 Standard a 86 cada somam 350 créditos, cerca de US$ 3,50.

Um exemplo completo no Claude Code

Digamos que você acabou de fazer o merge de uma feature e quer um vídeo principal para a landing. Na sessão do Claude Code:

"Gere com o Nano Banana uma imagem fotorrealista 16:9 de um notebook elegante numa mesa minimalista, com luz suave da manhã e a tela acesa. Depois anime com o Kling num push-in lento de 5 segundos."

O Claude Code chama a ferramenta do Nano Banana para a imagem (6 créditos), passa a imagem para o Kling como imagem inicial (86 com som) e devolve os links dos arquivos. Total: 92 créditos, cerca de US$ 0,92. Você revisou o conceito em texto, gastou duas gerações e não abriu nenhum outro app. Para um clipe só a partir de texto, peça um modelo de texto para vídeo: "use o Veo 3.1 Lite" custa 54 créditos por 8 segundos com som, enquanto só "Veo" roda o Standard, a 448.

Pedir uma versão 4K do clipe não vai funcionar: o 8frame não tem upscaler de vídeo, e os upscalers do conector só aceitam imagens. Você pode fazer upscale da imagem antes de animá-la, mas o clipe volta na resolução do próprio modelo (720p no Kling v3 Standard).

Compartilhando a configuração com o time

Se o time inteiro trabalha no mesmo repo, faça commit de uma configuração no nível do projeto para que ninguém precise configurar sozinho. No Cursor, é o .cursor/mcp.json na raiz do repo com o bloco do servidor 8frame mostrado acima; quem abrir o projeto no Cursor pega o servidor desse arquivo e entra com a própria conta do 8frame no primeiro uso. No Claude Code, rode claude mcp add --transport http --scope project 8frame https://mcp.8frame.co/mcp, que grava o servidor em .mcp.json na raiz do projeto; faça commit desse arquivo, e o Claude Code vai pedir a cada pessoa do time que aprove o servidor do projeto antes de usá-lo.

Os créditos não são compartilhados: cada geração é cobrada da conta de quem a executa. A vantagem prática é que gerar um asset de lançamento deixa de ser coisa da "única pessoa que domina a ferramenta de design" e vira algo que qualquer engenheiro com um plano do 8frame faz enquanto já está no código. Um dev de backend que lança uma API pode gerar um clipe para o changelog sem chamar ninguém. A entrada do 8frame tem só uma URL, então não há nada secreto nela; para outros servidores que precisam de chaves, deixe-as fora da configuração que vai para o repo e use a interpolação de variáveis de ambiente do cliente.

Notas honestas sobre latência e controle de qualidade

Não é instantâneo. São modelos generativos de verdade. Medido no 8frame (medianas de 120 dias), um clipe de 5 segundos do Kling v3 Standard, o Kling do conector, leva cerca de um minuto (60 segundos); uma imagem do Seedream 5 Pro, o Seedream do conector, cerca de dois minutos (119 segundos); e um clipe do Seedance 2.5 em 720p, de 7 a 11 segundos, a versão do Seedance que o conector roda, cerca de cinco minutos (296 segundos) (quanto tempo leva gerar vídeo com IA). Não temos um tempo medido para o Nano Banana Classic, o Nano Banana do conector, então não citamos nenhum. Se uma geração passar de 10 minutos, o conector devolve um ID de tarefa para consultar depois. Isso funciona bem num ciclo assíncrono de "gera enquanto eu continuo programando", mas não espere a velocidade do autocomplete.

Revise em tamanho real. O chat do editor entrega um link de arquivo. Para tudo o que vai ao ar (um post de lançamento, um vídeo principal público), abra o arquivo e confira em tamanho real. Vídeo generativo pode produzir detalhes deformados, e uma miniatura os esconde.

O editor é uma porta de entrada, não a superfície inteira. A geração por configuração no Cursor ou no Claude Code serve para assets pontuais e iteração rápida. Para uma composição com várias referências, um layout preciso ou um template de fluxo de trabalho reutilizável que o time roda várias vezes, o lugar certo é o canvas completo. As requisições pelo conector também têm um limite diário de créditos, como trava de segurança para o gasto que um agente dispara; o canvas não tem.

Perguntas frequentes

Dá para gerar vídeo com IA no Cursor? Sim. Adicione https://mcp.8frame.co/mcp ao ~/.cursor/mcp.json (ou ao .cursor/mcp.json de um projeto) em mcpServers, entre no 8frame no primeiro uso e peça um clipe ao agente.

Quanto custa um clipe pelo Claude Code? Os preços do conector: 86 créditos por um clipe de 5 segundos do Kling v3 Standard a partir de uma imagem inicial, 54 por um clipe de 8 segundos do Veo 3.1 Lite com som e 448 pelo Veo 3.1 Standard, o padrão do Veo no conector.

Dá para usar o Nano Banana Pro ou o Kling v3 Pro pelo editor? Não. Pelo conector, o Nano Banana é o modelo Classic (6 créditos) e o Kling é o v3 Standard (86 créditos por 5 segundos, a partir de uma imagem inicial). O Nano Banana 2 e o Pro e o Kling v3 Pro estão no canvas.

O servidor MCP faz upscale de vídeo? Não. O 8frame não tem upscaler de vídeo; os upscalers dele (Clarity, BRIA, Topaz) trabalham com imagens.

Fontes

Guias relacionados

Prefere escrever prompts fora de um editor? Como gerar vídeo com IA no Claude cobre a configuração pelos Connectors do claude.ai. Está construindo um sistema automatizado em vez de escrever prompts à mão? Como adicionar geração de vídeo ao seu agente de IA trata o mesmo servidor MCP como ferramenta de agente. E se o protocolo é novidade para você, o que é MCP explica como tudo isso se conecta.


Adicione o servidor MCP do 8frame ao seu editor e gere de onde você já trabalha, ou comece por um quadro pronto nos workflows do 8frame.

Experimente sem cadastro: você cai direto num quadro real. O canvas do 8frame é gratuito e ilimitado; a geração é paga a partir de US$ 19 por mês.

Artigos relacionados

guiaComo adicionar geração de vídeo ao seu agente de IAguiaComo gerar vídeo com IA no Claude (guia MCP)guiaComo usar o Kling v3 fora do app

Make it
move.

Stay in the loop

Be the first to hear about our launch and get product updates