Communitygithub.com

ozor-landing-page-to-video

Converta qualquer landing page ou site em um prompt de vídeo estruturado para o Ozor.ai. Use esta habilidade sempre que o usuário fornecer uma URL, conteúdo de landing page ou texto de site e quiser transformá-lo em um vídeo.

O que é ozor-landing-page-to-video?

Esta habilidade permite que você transforme qualquer landing page, site ou URL em um prompt de vídeo pronto para copiar e colar no Ozor.ai. Ela extrai automaticamente a mensagem central, as propostas de valor, provas sociais e elementos de marca do conteúdo web, e estrutura tudo em um roteiro de vídeo coerente com cenas numeradas. O fluxo de trabalho inclui análise da página (tipo, mensagem principal, benefícios, prova social, CTA e sinais de marca), escolha do formato de vídeo baseado no tipo de página (por exemplo, 30-45s para landing pages, 45-60s para homepages), e mapeamento das seções da página em cenas de vídeo (gancho, problema, solução, benefícios, prova social, CTA). O resultado é um prompt detalhado que especifica duração, estilo visual, tom, cores e até observações sobre ativos visuais a serem incluídos. A habilidade suporta landing pages, homepages, páginas de produto/preço/sobre e listagens de app, com regras de adaptação para páginas muito textuais ou minimalistas, garantindo que o vídeo final reflita fielmente a identidade da marca e impulsione tráfego de volta ao site.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/renalpelvisdeinocheirus70/ozor-skills/tree/main/skills/ozor-landing-page-to-video

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Conversor de Landing Page para Vídeo Ozor

Transforme qualquer landing page, site ou URL em um prompt de vídeo estruturado e pronto para copiar e colar no Ozor.ai. Esta habilidade extrai a mensagem, as propostas de valor e a identidade da marca do conteúdo web e produz um prompt de vídeo que captura a essência da página em movimento.

Tipos de Entrada Suportados

  • URLs — qualquer página web publicamente acessível
  • Cópia de landing page — texto colado de uma página de marketing
  • Conteúdo de homepage — texto completo e estrutura da página inicial
  • Páginas de produto — páginas focadas em funcionalidades
  • Páginas de preço — conteúdo de comparação de planos
  • Páginas "Sobre" — história e missão da empresa
  • Listagens de lojas de aplicativos — descrições de apps iOS/Android

Fluxo de Trabalho

Fase 1 — Analisar a Página

Leia ou busque o conteúdo da página e extraia:

  1. Tipo de página — que tipo de página é esta?

    • Landing page com herói (foco em um único produto/funcionalidade)
    • Homepage com múltiplas seções (visão geral completa do produto)
    • Página de produto/funcionalidade (mergulho profundo em uma capacidade)
    • Página de preço (comparação de planos)
    • Página sobre/empresa (história e missão)
  2. Mensagem central — o título ou texto herói. Este se torna o gancho do vídeo.

  3. Propostas de valor — extraia os 3–5 principais benefícios ou pontos de venda. Estes se tornam as cenas intermediárias.

  4. Prova social — procure por:

    • Logotipos ou contagens de clientes ("Confiado por mais de 10.000 equipes")
    • Depoimentos ou citações
    • Métricas ("99,9% de disponibilidade", "2x mais rápido")
    • Prêmios, menções na imprensa, certificações
  5. CTA — o que a página quer que os visitantes façam? ("Iniciar teste gratuito", "Agende uma demonstração", "Baixe agora")

  6. Sinais de marca — extraia da página:

    • Nome do produto/empresa
    • Cores primárias (do CSS, botões ou inspeção visual)
    • Tom de voz (profissional, divertido, técnico, acolhedor)
    • Presença de logotipo
  7. Ativos visuais — observe quaisquer capturas de tela do produto, ilustrações ou imagens que possam ser referenciadas.

Fase 2 — Escolher o Formato do Vídeo

Baseado no tipo de página e no canal de distribuição provável:

Tipo de PáginaVídeo PrimárioVídeo Secundário
Landing page30–45s lançamento de produto, 8–12 cenas (16:9)15s teaser social, 5 cenas (9:16)
Homepage45–60s visão geral da marca, 12–15 cenas (16:9)30s destaque do produto, 8–10 cenas (9:16)
Página de produto30–45s explicativo de funcionalidade, 8–12 cenas (16:9)15s teaser de funcionalidade, 5 cenas (9:16)
Página de preço30s comparação de planos, 8–10 cenas (16:9)—
Página "Sobre"45–60s história da marca, 12–15 cenas (16:9)—
Listagem de app15–30s preview do app, 5–10 cenas (9:16)30s demonstração completa, 8–10 cenas (16:9)

Sempre produza o vídeo primário. Mencione o secundário como opção.

Fase 3 — Estruturar o Vídeo

Mapeie as seções da página para cenas de vídeo:

Para landing pages com herói (mais comum, ~10–12 cenas):

  1. Gancho — o título herói, animado de forma ousada. Esta é a principal afirmação da página.
  2. Declaração do problema — se a página declarar um ponto de dor, mostre-o. Se não, implique-o a partir da solução.
  3. Elaboração do problema — expanda a frustração ou o custo do status quo. Use uma estatística ou cenário relatable da página.
  4. Introdução da solução — apresente o produto pelo nome com uma descrição de uma linha. Faça a transição do problema.
  5. Detalhe da solução — o produto em ação. Use a captura de tela principal da página ou descreva a UI em movimento.
  6. Benefício 1 — primeira proposta de valor chave, mostrada como texto em negrito com um visual de suporte ou animação de ícone.
  7. Benefício 2 — segunda proposta de valor chave, mesmo tratamento.
  8. Benefício 3 — terceira proposta de valor chave, mesmo tratamento.
  9. Prova social — métricas — contagem de clientes, estatísticas de uso ou números de desempenho com animações de contador.
  10. Prova social — logotipos/depoimentos — logotipos "confiado por" rolando, ou uma citação de depoimento curta com atribuição.
  11. Texto CTA — a chamada para ação da página exibida como texto animado em negrito.
  12. CTA com URL e logotipo — "[CTA exato]" com a URL da página e o logotipo do produto. Fade-out limpo.

Para homepages com múltiplas seções (~12–15 cenas):

  1. Gancho — título herói, animado de forma ousada em um fundo com a marca.
  2. Subtítulo — subtexto herói ou descrição de uma frase do produto com visual.
  3. Visão geral do produto — cena de alto nível do que faz, com uma captura de tela ou visual do produto.
  4. Introdução da funcionalidade 1 — nome e benefício de uma linha da primeira funcionalidade chave.
  5. Visual da funcionalidade 1 — captura de tela, animação ou ícone ilustrando a funcionalidade em ação.
  6. Introdução da funcionalidade 2 — nome e benefício de uma linha da segunda funcionalidade chave.
  7. Visual da funcionalidade 2 — visual de suporte para a segunda funcionalidade.
  8. Introdução da funcionalidade 3 — nome e benefício de uma linha da terceira funcionalidade chave.
  9. Visual da funcionalidade 3 — visual de suporte para a terceira funcionalidade.
  10. Integração / ecossistema — logotipos de parceiros, integrações ou alcance da plataforma (se estiver na página).
  11. Prova social — métricas — contagem de clientes, estatísticas de uso ou números de desempenho.
  12. Prova social — logotipos/depoimentos — logotipos "confiado por" ou uma citação de depoimento.
  13. Preço ou diferencial — uma menção rápida da vantagem de preço ou diferencial chave (se presente).
  14. Texto CTA — chamada para ação principal como texto animado em negrito.
  15. CTA com URL e logotipo — CTA com URL da página e logotipo do produto. Fade-out limpo.

Para páginas de produto/funcionalidade (~8–10 cenas):

  1. Gancho — nome da funcionalidade + benefício de uma linha, texto animado em negrito.
  2. Problema — o ponto de dor que esta funcionalidade resolve.
  3. Como funciona — Etapa 1 — primeira etapa do fluxo de trabalho, com uma captura de tela da UI ou diagrama.
  4. Como funciona — Etapa 2 — segunda etapa, continuando o passo a passo visual.
  5. Como funciona — Etapa 3 — terceira etapa, mostrando o fluxo em ação.
  6. Resultado — o que o usuário alcança. Mostre o resultado com um visual antes/depois ou de estado final.
  7. Diferencial chave — o que torna esta funcionalidade única versus alternativas (velocidade, precisão, facilidade).
  8. Prova social — um depoimento relevante, métrica ou estudo de caso vinculado a esta funcionalidade.
  9. Texto CTA — "Experimente [nome da funcionalidade]" ou a chamada para ação específica da página.
  10. CTA com URL e logotipo — CTA com URL da página e logotipo do produto. Fade-out limpo.

Fase 4 — Gerar o Prompt Ozor

## Prompt de Vídeo Ozor

**Fonte:** [URL da página ou título]
**Tipo de vídeo:** [Lançamento de produto / Visão geral da marca / Explicativo de funcionalidade]
**Formato:** [16:9 paisagem / 9:16 retrato]
**Duração estimada:** [X segundos]
**Público-alvo:** [derivado do conteúdo da página]

---

### Prompt (copie e cole no Ozor)

Crie um vídeo [duração] [tipo de vídeo] para [Nome do Produto], [descrição de uma linha da página].

[N] cenas:

(1) Gancho — [Título herói da página, exibido como texto animado em negrito sobre um fundo [escuro/claro]. O estilo corresponde ao tom visual da página.]

(2) Declaração do problema — [Ponto de dor ou frustração que o público-alvo enfrenta, derivado do texto da página. Visual: animação de texto ou ícone relatable.]

(3) Elaboração do problema — [Expanda o custo ou consequência do status quo. Use uma estatística ou cenário da página.]

(4) Introdução da solução — [Nome do produto + descrição de uma linha. Transição do problema para a solução. Visual: revelação do logotipo do produto ou animação do nome.]

(5) Detalhe da solução — [O produto em ação. Descreva a UI, painel ou interação chave. Visual: captura de tela ou animação estilo gravação de tela.]

(6) Benefício 1 — [Primeira proposta de valor da página, como texto em negrito com ícone ou visual de suporte.]

(7) Benefício 2 — [Segunda proposta de valor, mesmo tratamento.]

(8) Benefício 3 — [Terceira proposta de valor, mesmo tratamento.]

(9) Prova social — métricas — [Contagem de clientes, estatísticas de uso ou números de desempenho com animação de contador.]

(10) Prova social — logotipos/depoimentos — [Logotipos "confiado por" rolando, ou citação de depoimento com atribuição.]

(11) Texto CTA — ["CTA exato da página" exibido como texto animado em negrito. Crie urgência ou entusiasmo.]

(12) CTA com URL e logotipo — ["CTA exato da página" com URL "[URL da página]". Logotipo do [Produto]. Fade-out limpo.]

Estilo: [derivado da página — minimalista/ousado/divertido/corporativo]. Fundo: [escuro/claro baseado no design da página]. Cor primária: [extraída da página, ex.: "#3B82F6"]. Tipografia: [limpa/moderna/com serifa baseada na página].
Tom: [derivado do texto da página — confiante/amigável/técnico/enérgico].
Público: [derivado da mensagem da página].

---

### Observações

- Faça upload de uma captura de tela do produto da landing page antes de executar este prompt
- [Cor da marca extraída: #XXXXXX — mencionar no Kit de Marca]
- [Opção de vídeo secundário: "Quer uma versão vertical de 15 segundos para Instagram Reels?"]
- [Qualquer conteúdo da página que foi despriorizado]

Regras de Adaptação

Se a página for densa em texto (landing page longa):

  • Extraia apenas os títulos e afirmações principais
  • Ignore parágrafos detalhados — o vídeo deve ser impactante
  • Limite a 10–12 cenas independentemente do tamanho da página
  • Sugira uma série se a página cobrir vários tópicos distintos

Se a página for minimalista (landing page de startup enxuta):

  • Use o texto limitado como está — não encharque
  • Mantenha o vídeo curto (15–30 segundos)
  • Foque no gancho e no CTA
  • Sugira que o usuário adicione mais contexto para uma versão mais longa

Se a página tiver forte prova social:

  • Dedique uma cena inteira a ela
  • Use logotipos de clientes em uma animação de rolagem
  • Exiba métricas com animações de contador
  • Cite depoimentos com atribuição

Se a página for um produto SaaS:

  • Mostre a UI do produto em pelo menos uma cena
  • Descreva animações de painel/interface especificamente
  • Inclua menção ao nível de preço se relevante
  • Foque no caso de uso principal, não em todas as funcionalidades

Se a página for um produto de e-commerce:

  • Lidere com o visual do produto
  • Inclua o preço se for um ponto de venda
  • Mostre prova social (reviews, avaliações)
  • O CTA deve ser "Compre agora" ou "Peça hoje"

Guia de Extração de Marca

Ao analisar uma página, extraia elementos de marca:

  • Cores: Observe botões, cabeçalhos, acentos. A cor do botão CTA primário geralmente é a cor primária da marca.
  • Tom: Leia o estilo do texto. Frases curtas e impactantes = enérgico/confiante. Explicações detalhadas = profissional/técnico. Linguagem casual = amigável/acolhedor.
  • Estilo visual: Fundos escuros = moderno/premium. Fundos brancos = limpo/minimalista. Colorido = divertido/criativo.
  • Sensação da tipografia: Títulos grandes e em negrito = confiante. Tipo fino e elegante = premium. Tipo arredondado e amigável = acessível.

Inclua essas observações na seção de estilo do prompt para que o Ozor corresponda à aparência e sensação da marca.

Lista de Verificação de Qualidade

Antes de apresentar o prompt final, verifique:

  • O título herói é usado como gancho do vídeo (cena 1)
  • As propostas de valor estão representadas com precisão
  • A prova social está incluída se a página a tiver
  • O CTA corresponde à chamada para ação real da página
  • As cores e o estilo da marca estão especificados
  • O vídeo conta uma história coerente (não apenas uma lista de seções da página)
  • O texto na tela é curto e escaneável
  • A URL do produto está incluída na cena do CTA

Regras

  1. O título herói da página é sempre o gancho do vídeo. Não o reescreva a menos que seja genuinamente confuso.
  2. Extraia, não invente. Cada afirmação, métrica e benefício deve vir da página. Use [VERIFY: ...] para qualquer coisa pouco clara.
  3. Combine com o tom visual da marca. Uma marca divertida recebe um vídeo energético. Uma marca corporativa recebe um vídeo polido.
  4. Sempre inclua a URL na cena do CTA. O objetivo principal é direcionar tráfego de volta para a página.
  5. Recomende o upload de uma captura de tela do produto. Landing pages geralmente têm imagens herói que devem estar na biblioteca de ativos do Ozor.
  6. Ofereça um formato secundário. A maioria dos vídeos de landing page se beneficia tanto de uma versão 16:9 quanto 9:16.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

ozor-changelog-to-video

Convert changelogs, release notes, and version updates into Ozor.ai video prompts. Use this skill whenever the user has a CHANGELOG.md, release notes, GitHub release, version bump summary, or any list of product changes and wants to turn them into a video. Trigger on phrases like

ozor-doc-to-video

Convert any document into a production-ready Ozor.ai video prompt. Use this skill whenever the user uploads a document (PDF, PowerPoint, Google Doc, Markdown, text file, or URL) and wants to turn it into a video. Also trigger when the user mentions

ozor-prompt-optimizer

Analyze and improve existing Ozor.ai video prompts for better output quality. Use this skill whenever the user has an Ozor prompt that produced mediocre results, wants to improve a video prompt, needs help debugging why a video didn

ozor-social-batch

Generate a batch of social media video prompts for multiple platforms from a single input. Use this skill whenever the user wants to create videos for multiple social platforms at once, repurpose one video across platforms, or create a social media video campaign. Trigger on phrases like

ozor-video-best-practices

Expert guide for crafting high-quality video prompts for Ozor.ai, the AI video generation platform. Use this skill whenever the user mentions Ozor, wants to create a launch video, product demo, feature announcement, explainer video, social ad, release notes video, investor update, tutorial, or any marketing video. Also trigger when the user asks for help writing video prompts, improving video output, structuring video scenes, choosing video formats, or wants best practices for AI video creation. Trigger on phrases like

Habilidades Relacionadas