Vídeo de demonstração do seu app sem aparecer nem falar ao vivo: o agente grava os cliques com Playwright e põe narração e legenda

Para anúncio, pitch para cliente ou post no X, peça ao agente um roteiro de 45 a 90 segundos, um script do Playwright que clica no app sozinho e grava a tela, uma narração em pt-BR (sua voz no celular ou a voz local grátis do Piper) e a legenda queimada com ffmpeg. Tudo de graça e refazível em 2 minutos quando o app mudar.

Para quem Quem fez um app ou site com vibe coding e precisa mostrar funcionando (para cliente, investidor, anúncio ou rede social), mas não quer gravar a tela na mão nem falar ao vivo.
Agentes Claude Code, Codex, Grok Bot, Cursor
Nível Intermediário
Custo Grátis (Playwright, Piper e ffmpeg são código aberto; o agente usa o seu plano)
Tempo 40 a 60 min na primeira vez, 2 min para regravar
Atualizado

Passo a passo

  1. Escreva o roteiro em cenas de 5 a 10 segundos: o problema em 1 frase, 3 a 4 telas mostrando o app resolvendo e o fechamento com a chamada ("chama no WhatsApp", "link na bio"). Cada cena tem a fala e a ação na tela. Peça ao agente para revisar e cortar até caber em 45 a 90 segundos.
  2. Peça ao agente um script do Playwright que faz as ações de cada cena no app no ar com dados fictícios, com pausas para dar tempo de ler (o `recordVideo` do Playwright grava a tela; o vídeo só é salvo quando o contexto do navegador é fechado). Use viewport 1280x720 para YouTube/X ou 390x844 (celular) para Reels e Shorts.
  3. Grave a narração. Opção A: sua voz no celular, lendo o roteiro (soa mais confiável para vender). Opção B: voz sintética local e grátis com o Piper (`pip install piper-tts`, depois `python3 -m piper.download_voices pt_BR-faber-medium`); o agente gera um áudio por cena.
  4. O agente mede a duração de cada áudio e ajusta as pausas do script para a tela bater com a fala. Depois gera a legenda (.srt) a partir do roteiro, porque a maioria assiste sem som.
  5. Junte tudo com o ffmpeg: vídeo + narração + legenda queimada (filtro `subtitles`). Peça também uma versão vertical e uma capa (print da tela mais bonita).
  6. Assista inteiro antes de publicar. Quando o app mudar, rode o script de novo: o vídeo sai atualizado em minutos.

Prompt para copiar

Troque o que está entre [colchetes] pelos seus dados. Funciona em Claude Code, Codex, Grok Bot, Cursor.

Quero um vídeo de demonstração do meu app, sem eu gravar a tela nem falar ao vivo.
App no ar: [URL]. Pasta do projeto: [caminho]. Público: [cliente / anúncio / X]. Duração: [60] s. Formato: [16:9 1280x720 ou 9:16 390x844].
O que o app resolve em 1 frase: [ ].
1) Escreva o roteiro em cenas (fala de até 2 frases + ação na tela). Mostre e ESPERE eu aprovar.
2) Crie demo/gravar.spec.ts (ou script) com Playwright e recordVideo, fazendo as ações de cada cena com dados FICTÍCIOS (nome "Cliente Exemplo", telefone 11 90000-0000). Feche o contexto no fim para salvar o vídeo.
3) Narração: [vou mandar meus áudios por cena] OU [gere com Piper, voz pt_BR-faber-medium, um .wav por cena].
4) Meça a duração de cada áudio e ajuste as esperas do script para a tela acompanhar a fala. Regrave.
5) Gere legenda .srt a partir do roteiro e junte com ffmpeg: vídeo + áudio + legenda queimada. Saída: demo.mp4 (e demo-vertical.mp4 se eu pedir) e capa.png.
6) Me diga duração final, tamanho do arquivo e as cenas em que a fala e a tela ficaram desencontradas.
Nunca use dados reais de clientes, senhas ou telas de painel com informação pessoal. Não publique nada: só me entregue os arquivos.

O ângulo Brasil

Narração em pt-BR com sotaque neutro e frases curtas funciona melhor em anúncio e no WhatsApp, onde o vídeo costuma ser visto pequeno e sem som (por isso a legenda queimada). Para mandar ao cliente pelo WhatsApp, prefira 720p e um arquivo leve (poucos MB), que abre rápido no 4G. Se o app mostra preço, use R$ com vírgula e um exemplo realista da sua cidade, que convence mais que "Lorem ipsum".

Cuidados

Gravação feita em cima do app no ar grava dados de teste no banco: use um marcador e apague depois (LGPD). Não mostre painéis com nome, telefone ou e-mail de clientes reais; se precisar, crie uma conta demo. Voz sintética deve soar como apresentação do produto, não como depoimento de cliente: não invente clientes, números ou resultados no roteiro. Confira a licença da voz do Piper escolhida antes de usar em anúncio pago (cada voz tem o seu cartão de modelo).

Perguntas frequentes

Preciso saber editar vídeo?

Não. O agente escreve o script que clica no app, gera áudio e legenda e junta tudo com o ffmpeg. Você só aprova o roteiro e assiste o resultado.

A voz do Piper é paga?

Não. O Piper roda no seu computador, de graça, e tem vozes em português do Brasil (cadu, edresson, faber e jeff).

Por que não gravar a tela do jeito normal?

Pode, mas o script deixa o vídeo sem erro de clique e permite regravar em minutos sempre que o app mudar.

Serve para anúncio do meu SaaS?

Sim. Faça uma versão de 15 a 30 segundos com o problema, a tela principal e a chamada, em formato vertical.

Fontes oficiais

Prompt revisado em 28 de outubro de 2026. Resultados variam por agente e modelo; confira sempre a resposta antes de usar.

Casos parecidos

Usa um agente de um jeito que não está aqui? Envie seu caso de uso.