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:
- Clipes promocionais de lançamento para o post de lançamento, a página do produto ou os anúncios que levam à sua página na loja (as prévias das lojas têm regras mais rígidas, explicadas abaixo).
- Visuais de cabeçalho para README e documentação que apresentam uma feature; a demonstração de como ela funciona continua sendo uma gravação de tela.
- Vídeos principais da landing page do site de marketing que você mantém no mesmo monorepo.
- Assets para redes no lançamento quando você publica uma versão e precisa de algo para o anúncio.
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
- Caminhos de configuração MCP do Cursor, liga/desliga de servidores em Customize, suporte a OAuth, aprovação de ferramentas por padrão e interpolação na configuração: cursor.com/docs/context/mcp, acessada em 2026-10-01
claude mcp addno Claude Code, escopos,.mcp.json, aprovação de servidores do projeto e login com/mcp: Claude Code docs, MCP, acessada em 2026-10-01- Prévias da App Store limitadas a capturas do app: App Store Review Guidelines, 2.3.4, acessada em 2026-10-01
- Orientação do Google Play para vídeos de prévia: Add preview assets to showcase your app, acessada em 2026-10-01
- Login no 8frame ao conectar: 8frame.co/mcp, acessada em 2026-10-01
- Ferramentas, modelos, padrões, preços, tempo máximo de espera e limite diário do conector: configuração do servidor MCP do 8frame, lida em 2026-10-01
- Padrão do Veo no canvas (Fast), modelos do canvas e cobrança de créditos por usuário: registro de ferramentas e código do back-end do 8frame, lidos em 2026-10-01
- Tempos de geração: dados de produção do 8frame, somente leitura, medianas de 120 dias até 2026-09-30
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.