TRILHA 4

💡 Aplicações & Prompts

Onde e como usar o skill video-explicativo no mundo real. YouTube, Shorts, onboardings, aulas, lançamentos — e uma biblioteca de prompts prontos para colar no Claude Code e sair rodando.

3
Módulos
18
Tópicos
~1.5h
Duração
Prático
Nível
Assunto qualquer tema video-explicativo skill · Claude Code ➜ roteiro · voz · composição 📺 YouTube 16:9 vídeo explicativo 🎞 Reels / Shorts 9:16 vertical · ~110s 🚀 Onboarding produto · 90s 🎓 Micro-aula ensino · curso

Um assunto, um skill, vários destinos — o padrão fan-out do HyperFrames

Mapa da trilha

Conteúdo detalhado

4.1~30 min

📺 YouTube & Shorts

Um vídeo, dois formatos. Aprenda a extrair o máximo de cada gravação produzindo simultaneamente o vídeo explicativo 16:9 para YouTube e a versão vertical 9:16 para Shorts, Reels e TikTok.

O que é:

O formato 1920×1080 (16:9) é o padrão do YouTube. O skill video-explicativo gera composições nessa proporção com paleta #0D1321, tipografia Inter e animações de entrada suaves, pronto para upload direto.

Por que aprender:

YouTube é o segundo maior mecanismo de busca do mundo — vídeos explicativos bem produzidos geram tráfego orgânico de longo prazo. Dominar o formato 16:9 é a base para qualquer estratégia de conteúdo.

Conceitos-chave:

Resolução 1920×1080, paleta dark #0D1321, duração 2-5min, legenda sempre ativa, CTA no último terço.

O que é:

O formato 1080×1920 (9:16) inverte a lógica: tudo precisa "caber" visualmente num smartphone vertical. Texto maior, cortes mais rápidos, hook nos primeiros 3 segundos.

Por que aprender:

Shorts, Reels e TikTok têm algoritmo de distribuição orgânica muito mais agressivo que o YouTube longo — o mesmo conteúdo reformatado pode multiplicar o alcance sem custo extra.

Conceitos-chave:

Resolução 1080×1920, safe zones laterais, hook visual imediato, duração ≤60s (ou até 3min no Reels).

O que é:

Estudos de retenção de plataformas curtas mostram queda abrupta a partir de 90-120s. O skill usa ~110s como target padrão para vídeos curtos — tempo suficiente para desenvolver um ponto sem perder o espectador.

Por que aprender:

Retenção alta sinaliza qualidade para o algoritmo e aumenta a distribuição orgânica. Acertar a duração é mais impactante do que qualidade de produção.

Conceitos-chave:

Taxa de retenção, watch time, LEAD=0.5 (silêncio inicial), TAIL=0.9 (silêncio final), ritmo de corte.

O que é:

85% dos vídeos em feeds mobile são assistidos sem som. Legendas não são opcionais — são parte da composição. O skill gera o áudio com pf_dora --speed 0.98 e o texto sincronizado aparece como overlay na cena.

Por que aprender:

Legendas aumentam retenção, melhoram acessibilidade e permitem que o vídeo funcione em ambientes sem áudio (escritório, transporte público).

Conceitos-chave:

Overlay de texto, fonte Inter, contraste mínimo 4.5:1, sincronização com narração.

O que é:

O último frame do vídeo traz um Call to Action: URL, handle, produto. O skill reserva os últimos 8-10 segundos para esse "slide de encerramento" — personalizável via variável no prompt.

Por que aprender:

Um vídeo sem CTA é tráfego perdido. Definir a CTA no prompt evita pós-produção manual e garante consistência visual em toda a série.

Conceitos-chave:

Slide de encerramento, URL de destino, consistência de marca, conversão.

O que é:

O mesmo roteiro narrado pode gerar dois arquivos de composição distintos: um com viewBox 16:9 e outro 9:16. A narração é idêntica; só o layout das cenas muda. Metade do trabalho, dobro de presença.

Por que aprender:

Produção de conteúdo é gargalo. Reusar o mesmo roteiro elimina a necessidade de escrever duas vezes e garante mensagem consistente nas plataformas.

Conceitos-chave:

Roteiro único, dois templates de composição, DRY content, reaproveitamento de áudio.

Ver Completo →
4.2~30 min

🚀 Onboarding, aulas & lançamentos

Além do marketing. O skill video-explicativo brilha fora das redes sociais: onboarding de produto, micro-aulas, anúncios de changelog, documentação viva e vídeos técnicos para o time.

O que é:

Um vídeo de onboarding explica uma feature específica em ~90s — problema, solução, passo-a-passo visual. Substituí documentação textual que ninguém lê por um vídeo animado que o usuário assiste no próprio produto.

Por que aprender:

Vídeos de onboarding reduzem tickets de suporte e aumentam a ativação de features. Com o skill, você regenera o vídeo toda vez que a feature muda — sem pós-produção.

Conceitos-chave:

Feature scope, problema → solução, passo-a-passo visual, regeneração automática.

O que é:

Cada módulo de um curso pode ser um vídeo explicativo separado: introdução ao conceito, demonstração e resumo. O skill mantém o house style consistente em todos os episódios.

Por que aprender:

Micro-aulas de 2-4min têm conclusão muito maior do que aulas longas. Produzir em série com o skill garante identidade visual sem esforço de design.

Conceitos-chave:

Módulo único de aprendizado, house style, série coesa, FADE=0.45 na transição de cenas.

O que é:

Em vez de um markdown de changelog que ninguém lê, você gera um vídeo de 90-120s anunciando o que mudou, por que mudou e como usar. Compartilhável em Slack, email e redes sociais.

Por que aprender:

Changelogs em vídeo aumentam o engajamento do usuário com novas features e humanizam a comunicação de produto.

Conceitos-chave:

Release note visual, contexto + mudança + impacto, distribuição multicanal.

O que é:

Arquitetura, decisão técnica, biblioteca nova — qualquer conceito que exigiria uma reunião de 30min pode virar um vídeo animado de 3min que o time assiste assincronamente.

Por que aprender:

Vídeos técnicos eliminam reuniões de alinhamento, ficam como registro permanente e servem para onboarding de novos membros meses depois.

Conceitos-chave:

Async-first, documentação viva, onboarding de team, diagrama animado.

O que é:

O vídeo é gerado a partir de um roteiro em texto. Quando o produto muda, você edita o texto e roda o skill novamente — o vídeo é regido do zero em minutos, sem pós-produção.

Por que aprender:

Documentação gravada tradicional fica obsoleta rapidamente. O padrão "texto como fonte da verdade + geração automática" elimina o custo de manutenção.

Conceitos-chave:

Texto como fonte, regeneração automática, versionamento do roteiro, pipeline reproduzível.

O que é:

O house style padrão usa paleta #0D1321 + ciano + amber. Mas qualquer cor pode substituir: basta redefinir as variáveis de cor no prompt e o skill aplica em toda a composição.

Por que aprender:

Freelancers e agências podem oferecer vídeos personalizados para cada cliente sem criar pipelines separados — um skill, múltiplas marcas.

Conceitos-chave:

Variáveis de cor, brand guidelines, white-label, paleta customizada.

Ver Completo →
4.3~30 min

🧰 Biblioteca de prompts

Cola e roda. Seis prompts prontos para acionar o skill video-explicativo diretamente no Claude Code — do vídeo base ao ajuste fino de uma única cena.

O que é:

O prompt mais simples possível: tema, duração e público-alvo. O skill cuida do roteiro, narração, composição e exportação.

Por que aprender:

Entender o prompt mínimo viável permite iterar rápido e usar como base para todas as variações seguintes.

Conceitos-chave:

Tema, duração-alvo, público, defaults do skill, output MP4.

PROMPT — cole no Claude Code:

/video-explicativo

Tema: como funciona o DNS
Duração: ~2 min
Público: desenvolvedores iniciantes
Formato: 16:9 (YouTube)
CTA: "Veja mais em INEMA.CLUB"
O que é:

Variação do prompt base que instrui o skill a usar o template de composição vertical (1080×1920) com duração ≤110s, fonte maior e hook imediato no primeiro frame.

Por que aprender:

Especificar o formato vertical no prompt evita retrabalho — o skill adapta layout, timing e ritmo de corte automaticamente.

Conceitos-chave:

Formato 9:16, duração ≤110s, hook nos 3s iniciais, texto em fonte ≥48px.

PROMPT — cole no Claude Code:

/video-explicativo

Tema: o que é o modelo OSI em 7 camadas
Duração: ~110s (Shorts/Reels)
Formato: 9:16 vertical
Hook inicial: "Você já ouviu falar em TCP/IP mas nunca entendeu? Em 110s você vai entender."
CTA: "Segue pra mais vídeos assim"
O que é:

Substitui o house style padrão por uma paleta personalizada. Informe o fundo, cor de destaque e tom da voz — o skill reaplica em toda a composição.

Por que aprender:

Ideal para adaptar o vídeo à identidade de uma marca ou criar séries temáticas com cores diferentes por assunto.

Conceitos-chave:

Fundo hex, cor de acento, tom da narração, brand consistency.

PROMPT — cole no Claude Code:

/video-explicativo

Tema: introdução ao PostgreSQL
Duração: ~3 min
Formato: 16:9
Paleta: fundo #0f172a, destaque #818cf8 (índigo), texto #e2e8f0
Tom da narração: técnico e direto, sem energia excessiva
O que é:

Instrui o skill a exibir uma CTA específica no frame final — URL, handle, produto, promoção. Pode incluir QR code gerado via composição ou texto simples.

Por que aprender:

Cada vídeo serve a um objetivo diferente: capturar lead, vender produto, gerar seguidores. A CTA precisa ser intencional e específica.

Conceitos-chave:

Frame de encerramento, URL curta, objetivo de conversão, urgência.

PROMPT — cole no Claude Code:

/video-explicativo

Tema: por que usar TypeScript em 2025
Duração: ~2 min
Formato: 16:9
CTA final: "Baixe o guia gratuito em inema.club/typescript — link na bio"
Duração da CTA: 10s (slide estático no fim)
O que é:

Controla LEAD (silêncio antes da narração), TAIL (silêncio final) e a velocidade da voz (--speed). Valores padrão: LEAD=0.5, TAIL=0.9, speed=0.98. Aumentar speed encurta; diminuir dá mais respiro.

Por que aprender:

Diferentes plataformas pedem ritmos diferentes: Shorts quer velocidade, documentação técnica quer pausas para assimilar. Ajustar esses parâmetros é a diferença entre vídeo que engaja e vídeo que abandona.

Conceitos-chave:

LEAD=0.5, TAIL=0.9, FADE=0.45, pf_dora --speed 0.98, ritmo de corte.

PROMPT — cole no Claude Code:

/video-explicativo

Tema: como configurar o ESLint
Duração: ~4 min (pace mais lento, audiência técnica)
Formato: 16:9
Ritmo: narração pausada (speed=0.93), LEAD=0.8, TAIL=1.2
Objetivo: documentação interna de time
O que é:

Quando apenas uma cena do vídeo precisa mudar (texto errado, cor errada, timing ruim), você instrui o skill a regenerar somente aquele bloco de composição — preservando o restante.

Por que aprender:

Regenerar o vídeo inteiro para corrigir 5 segundos é desperdício. O padrão de cena cirúrgica economiza tempo e mantém o restante intacto.

Conceitos-chave:

Índice de cena, composição modular, edição não-destrutiva, rerenderização seletiva.

PROMPT — cole no Claude Code:

/video-explicativo

Ação: regenerar apenas a cena 3 do vídeo existente
Arquivo: composition.mjs (já existe na pasta)
Cena 3 — correção: trocar texto "latência de 20ms" por "latência de 12ms" e atualizar a narração correspondente
Manter: todas as outras cenas intactas, mesma paleta, mesmo timing
Ver Completo →
← Todas as trilhas Voltar ao início →