Habilidade de Roteiro de Vídeo Promocional
Gere um roteiro de vídeo promocional de produto animado, polido, com 7 a 10 cenas, por meio de um processo guiado e conversacional. Cada etapa afina o foco para que o roteiro final seja específico, orientado a benefícios e visualmente fiel à marca do produto. Este roteiro deve estar pronto para ser inserido no criador de animação Claude Design. Ele deve conter tudo que o Claude Design precisará para criar o vídeo promocional.
Fluxo de trabalho passo a passo
Etapa 1 — Obter a URL do site
Peça ao usuário a URL do site do produto, caso ele ainda não a tenha fornecido. Confirme que você a acessará e extrairá as informações principais.
Etapa 2 — Acessar e analisar o site
Use web_fetch na URL. Extraia e anote internamente:
Informações do produto
- Nome do produto / empresa
- Descrição em uma linha do que ele faz
- Público-alvo (inferido a partir do texto e descrições de imagens)
- Tom de voz (ex.: lúdico, empresarial, minimalista, ousado)
Estilo visual / de marca — descreva concretamente:
- Paleta de cores primária e secundária (hex ou descritiva)
- Estilo tipográfico (serifada/sans-serif, peso, atmosfera)
- Ritmo de layout (espaçoso/denso, baseado em cartões, sem margens)
- Indicações de movimento visíveis no texto ("instantâneo", "suave", "poderoso", animações mencionadas)
- Estilo de fotografia ou ilustração, se inferível a partir de texto alternativo ou cópia
- Palavra-chave estética geral (ex.: "SaaS limpo", "consumidor ousado", "startup acolhedora", "tecnologia modo escuro")
Recursos — identifique pelo menos 6 a 8 recursos ou capacidades distintas do produto a partir do texto do site, manchetes, grades de recursos ou tabelas de preços. Classifique por quão proeminentemente eles são apresentados na página.
Etapa 3 — Apresentar descobertas e oferecer os 5 principais recursos para seleção
Mostre ao usuário um breve resumo (3 a 5 frases) do que é o produto e para quem ele é.
Em seguida, apresente exatamente 5 recursos como uma lista numerada. Para cada recurso, escreva:
- Um nome curto de recurso (3 a 6 palavras)
- Uma frase explicando o benefício para o usuário (não apenas o que ele faz, mas por que isso importa)
Peça ao usuário para escolher 2 ou 3 recursos nos quais deseja que o vídeo se concentre.
Use ask_user_input_v0 se disponível, caso contrário, pergunte em texto simples.
Exemplo de formato:
Aqui estão 5 recursos de destaque que encontrei. Escolha 2 ou 3 para focar o vídeo:
1. **Exportação com um clique** — Salve seu trabalho como um arquivo polido em segundos, sem etapas manuais.
2. **Colaboração em tempo real** — Vários colegas de equipe editam juntos ao vivo, sem conflitos de mesclagem.
3. **Sugestões com IA** — Receba prompts inteligentes enquanto trabalha, reduzindo o tempo de criação pela metade.
4. **Integração com kit de marca** — Importe suas cores e fontes automaticamente, toda vez.
5. **Histórico de versões** — Reverta para qualquer estado salvo, para que nada seja perdido.
Etapa 4 — Gerar benefícios de negócios para cada recurso escolhido
Para cada recurso selecionado pelo usuário, crie 3 benefícios de negócios concretos. Os benefícios devem ser orientados a resultados: receita, tempo economizado, risco reduzido, velocidade da equipe, satisfação do cliente, vantagem competitiva. Evite preenchimento genérico.
Apresente-os claramente agrupados por recurso. Peça ao usuário para selecionar 1 a 2 benefícios por recurso que mais ressoam. Eles se tornarão as mensagens principais do roteiro.
Exemplo de formato:
Ótimas escolhas. Para cada recurso, aqui estão os benefícios de negócios — escolha 1 ou 2 por recurso:
**Exportação com um clique**
A. Reduz o tempo de entrega em até 60%, permitindo que as equipes entreguem mais rápido.
B. Elimina erros de formatação que causam retrabalho e revisões do cliente.
C. Libera os designers de tarefas repetitivas para que foquem no trabalho criativo.
**Colaboração em tempo real**
A. Reduz e-mails de ida e volta, economizando horas por projeto.
B. Mantém equipes remotas alinhadas sem reuniões extras.
C. Encurta ciclos de aprovação, obtendo aprovação do trabalho mais rapidamente.
Etapa 5 — Confirmar o briefing do roteiro
Antes de escrever, confirme com o usuário em 3 a 5 marcadores:
- Nome do produto e público-alvo
- Recursos escolhidos (com seus benefícios selecionados)
- Estilo visual (da sua análise de marca)
- Tom (sério/lúdico/inspirador etc.)
- Chamada para ação implícita do site (teste gratuito, agendar demonstração, inscrever-se etc.)
Pergunte: "Isso parece certo antes de eu escrever o roteiro completo?"
Etapa 6 — Escrever o roteiro completo do vídeo promocional animado
Produza um roteiro de 7 a 10 cenas. Estruture cada cena com estes campos rotulados:
CENA [N] — [TÍTULO DA CENA EM MAIÚSCULAS]
Duração: [ex.: 4 a 6 s]
Visual: [Descrição detalhada do que está na tela — layout, movimento, cores, elementos]
Animação: [Direção específica do movimento — entrada, saída, transição, sensação de tempo]
Texto: [Texto na tela, claramente rotulado]
Estrutura de cenas obrigatória
| Cena | Propósito |
|---|---|
| 1 | Gancho — Prenda a atenção. Declaração do problema ou abertura visual ousada. Ainda sem produto. |
| 2 | Problema — Amplie o ponto de dor que o público reconhece. |
| 3 | Introdução do produto — Primeira revelação do nome e categoria do produto. |
| 4 a 6 | Cenas de recurso + benefício — Uma cena por recurso escolhido. Mostre o recurso, declare o benefício. |
| 7 | Prova social / credibilidade — Citação de cliente, parede de logotipos, estatística ou sinal de confiança (use espaço reservado se nenhum for encontrado no site). |
| 8 a 9 | Visão / transformação — Mostre a vida após usar o produto. Resolução emocional. |
| 10 | CTA — Chamada para ação clara correspondente ao CTA principal do site. Fechamento da marca. |
Ajuste a contagem de cenas (7 a 10) com base em quantos recursos foram escolhidos (2 recursos → 7 a 8 cenas; 3 recursos → 9 a 10 cenas).
Regras de direção visual
- O campo Visual de cada cena deve fazer referência à paleta e ao estilo da marca identificados na Etapa 2.
- Instrua o modelo a baixar o logotipo e outros ativos da marca do site e usá-los no vídeo quando relevante.
- Instrua o modelo a baixar imagens ou ícones relevantes do site ou da Internet para usar no vídeo.
- Descreva o movimento com precisão: "cartão desliza da esquerda em 0,3s com ease-out", não "elemento aparece".
- Inclua tratamento de texto: peso da fonte, relação de tamanho, uso de cor. O texto principal de cada cena deve ser centralizado e proeminente. Trate isso como uma manchete animada para prender a atenção do espectador.
- Faça referência consistente à palavra-chave estética da marca (ex.: "layout SaaS limpo minimalista", "tecnologia modo escuro com acento neon").
- Especifique a transição de cena para cada cena. As transições não devem ser desconectadas. Algum elemento visual deve levar à transição para a próxima cena (como linhas contínuas, pulos de ícones, zoom in, zoom out etc.).
- Use elementos de UX populares, preferencialmente do site — como cartões, botões, formulários, gráficos, painéis etc. Mas mantenha a IU simples para evitar sobrecarregar o espectador. O foco deve estar no recurso e seu benefício, não em uma IU detalhada.
- Suponha que o vídeo seja produzido em uma ferramenta de design de movimento (After Effects, Rive, animação CSS ou similar) — escreva para um animador, não para um diretor de live-action.
Regras de tom e texto
- Texto na tela: no máximo 6 palavras. Impactante, benefício primeiro.
- Sem jargões, a menos que a marca os use deliberadamente.
- Voz ativa em todo o roteiro.
- A CTA final deve corresponder exatamente à redação do site quando possível.
Etapa 7 — Entregar o roteiro
Produza o roteiro completo em Markdown limpo, cena por cena. Este arquivo MD será copiado e colado no Claude Design para criar o vídeo, portanto, deve ser instrutivo para o Claude Design ou ferramentas similares.
Após o roteiro, anexe:
Notas de produção (breves):
- Duração total sugerida do vídeo
- Proporção de aspecto recomendada (16:9, 9:16, 1:1) com base no canal de distribuição provável do produto (inferido do site)
- Uma frase sobre a recomendação de estilo de animação (ex.: "Tipografia cinética com transições suaves de morphing combina com a estética SaaS limpa desta marca")
Lista de verificação de qualidade (auto-revisão antes de entregar)
Antes de produzir o roteiro final, verifique:
- Cada cena tem todos os 6 campos (Título da cena, Duração, Visual, Animação, Texto, Transição)
- Cores e estilo da marca são referenciados em pelo menos 60% dos campos Visuais
- Cada recurso escolhido aparece em exatamente uma cena dedicada
- Cada benefício selecionado é declarado explicitamente (texto na tela)
- A Cena 1 NÃO menciona o produto pelo nome
- A CTA na cena final corresponde ao CTA principal do site
- Total de cenas está entre 7 e 10
- Texto na tela ≤6 palavras e é agradável e ousado
- Cada cena tem uma transição visual para a próxima cena
- Notas de produção incluídas no final
- As notas de produção mencionam que a manchete deve ser mantida grande, ousada e com animação
Tratamento de casos extremos
Site está atrás de login / bloqueia a busca: Peça ao usuário para colar o texto da página inicial ou descrever o produto. Continue com o que ele fornecer.
Produto tem muitos recursos: Ainda limite a 5 opções apresentadas. Escolha os recursos mais proeminentemente apresentados na página inicial ou de preços.
Nenhuma CTA clara no site: Padrão para "Experimente grátis" ou pergunte ao usuário pela CTA preferida.
Distinção B2B vs B2C: Se o produto for claramente empresarial (níveis de preços, "agendar demonstração", "fale com vendas"), incline os benefícios para ROI, economia de tempo e redução de risco. Se for para consumidor, incline para facilidade, prazer e transformação.
Nenhuma dica de estilo visual na página: Use a categoria do produto para inferir um padrão sensato (ex.: fintech → escuro, confiável; aplicativo de bem-estar → quente, gradientes suaves; ferramenta de desenvolvedor → minimalista, acentos monoespaçados).