106.9K+Baixar
Ir para o guia de uso
Lower Thirdspor iart-ai

Lower Thirds Skill.

Renderize tarjas animadas de identificação e sobreposições de transmissão transparentes.

  • Tarjas de identificação
  • Tipografia
Baixar OpenDesignVer guia de uso
Análise da fonte · lower-thirdsSKILL.md
Tarefa Renderize tarjas animadas de identificação e sobreposições de transmissão transparentes. Entregáveis Arquivos de sobreposição transparentes WebM ou ProRes 4444 para o destino solicitado. Antes de começar Forneça nomes e cargos exatos, fontes do programa e player de destino. Escolha o formato antes de renderizar: uma sobreposição transparente para OBS ou editor tem exigências diferentes de um MP4 comum.
Resumo editorial · fonte revisada em 2026-11-02 · não é um exemplo gerado

01 Funcionalidades

Renderize tarjas animadas de identificação e sobreposições de transmissão transparentes

Crie tarjas de identificação legíveis em WebM ou ProRes transparente, com dados editáveis e verificações de texto, timing e alpha.

Fluxo de trabalho baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

lower-thirds cria tarjas animadas de identificação e outras sobreposições como arquivos de vídeo com transparência. Desenha a arte quadro a quadro em um canvas e exporta um formato adequado a transmissão ao vivo, navegador ou aplicativo de edição. Tudo fora da arte desenhada permanece transparente.

O fluxo dá à pausa de leitura tanta atenção quanto à entrada. O texto tem uma base própria para continuar legível sobre imagens desconhecidas, nomes longos são ajustados às caixas e os quadros inicial e final são vazios. Vários cartões compartilham um design, mas são renderizados em arquivos separados.

Entregas esperadas

  • Arquivos de sobreposição transparentes WebM ou ProRes 4444 para o destino solicitado.
  • Uma página-fonte HTML editável com dados de cartões e timing.
  • Prévias do quadro de leitura e folhas de contato de entrada/saída.
Ver o briefing de exemplo

Do briefing à revisão

  1. 01
    Leia o texto exato dos cartões

    Preserve nomes, cargos e pontuação. Determine o destino para escolher o formato de exportação antes de renderizar.

  2. 02
    Desenhe a sobreposição

    Mantenha o centro do quadro livre, coloque a arte dentro das margens seguras e dê uma base ao texto. Ajuste a entrada mais longa e mantenha a pausa de leitura imóvel.

  3. 03
    Inspecione e decodifique a saída

    Execute as verificações fornecidas, revise prévias em fundos claros e escuros e inspecione folhas de entrada e saída. Confirme a transparência no arquivo codificado.

02 Quando usar

Quando usar

Forneça nomes e cargos exatos, fontes do programa e player de destino. Escolha o formato antes de renderizar: uma sobreposição transparente para OBS ou editor tem exigências diferentes de um MP4 comum.

Bom encaixe

  • Nomes precisam aparecer sobre imagens ao vivoO design é avaliado em fundos diferentes porque não conhece o plano final.
  • Vários participantes compartilham um estiloRegistros dos cartões permitem renderizar o mesmo layout e movimento separadamente para cada pessoa.

Limites a verificar

  • H.264 exige fundo sólidoO renderizador usa formatos com alpha para transparência e exige cor de fundo para MP4 comum.
  • O renderizador tem dependências locaisA fonte lista Node, ferramentas de captura de navegador, Chrome ou Chromium e FFmpeg.
  • Reprodução web depende do destinoA fonte trata a entrega para Safari separadamente; um arquivo transparente não garante compatibilidade universal de navegadores.

Traga estas entradas

  • Texto exatoForneça cada nome, cargo ou legenda exatamente como deve aparecer.
  • DestinoEspecifique OBS, navegador, aplicativo de edição ou fluxo de chroma key.
  • Design do programaForneça cores, fontes, clima, tamanho do quadro e requisitos de duração.

03 Decisões importantes

Decisões importantes

  1. Legível sobre filmagem

    Uma base impede que texto claro desapareça sobre um plano luminoso.

  2. Limites de edição limpos

    Quadros inicial e final vazios evitam que a arte apareça ou desapareça abruptamente.

  3. Alpha verificado

    A fonte decodifica um quadro de leitura em vez de confiar apenas na extensão do arquivo.

04 Exemplo de briefing

Experimente um briefing específico

O briefing de exemplo abaixo não foi testado. Verifique a configuração da skill antes de usá-lo.

Confira a fonte e a configuração

Forneça cada nome, cargo ou legenda exatamente como deve aparecer.

Arquivo-fonte original
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md

A referência abaixo abre as instruções originais. Confira a configuração do repositório antes de usá-las; não é um comando de instalação.

Comece com um entregável

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo
Use lower-thirds para criar sobreposições com o mesmo estilo para três convidados do podcast, com os nomes e cargos da lista anexada. Use nossa paleta verde-escuro e creme, mantenha as artes no canto inferior esquerdo e deixe o centro livre para a pessoa. Entregue arquivos WebM transparentes para OBS e HTML editável. Mantenha cada nome parado durante cinco segundos de leitura, com primeiro e último quadros vazios. Verifique o nome mais longo, inspecione a sobreposição em fundos claros e escuros e revise os quadros de entrada e saída antes de renderizar todos os cartões.

Inspecione o resultado

Compare o resultado real com estes critérios observáveis.

  • Leia todos os cartões em prévias de filmagem claras e escuras.
  • Confira extremidades vazias, margens seguras e a entrada de texto mais longa.
  • Decodifique o quadro de leitura exportado para confirmar transparência real.

OpenDesign oferece um espaço de trabalho de design local para agentes de programação. Esta listagem não significa que a skill esteja incluída nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesignLer o guia rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixada da fonte vinculada abaixo. O comportamento e os requisitos upstream podem mudar.

Responsável pela fonte
iart-ai
Repositório
iart-ai/lower-thirds-skills
Arquivo da skill
SKILL.md
Licença
MIT
Versão revisada
2026-11-02 · aa8ef7ed9fa5
Resumo editorial da fonte
Renderize tarjas animadas de identificação e sobreposições de transmissão transparentes.

Resumo original de OpenDesign, baseado na fonte vinculada. As estrelas do repositório são um sinal de popularidade datado, não uso da skill nem nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

Posso obter um MP4 transparente?

A fonte usa WebM ou ProRes 4444 para alpha. O caminho comum de MP4 H.264 exige fundo sólido, como verde para chroma key.

Pode fazer vários nomes de uma vez?

Sim. Cada entrada dos dados renderiza seu próprio arquivo com o design compartilhado. Todas ainda precisam de verificação de ajuste do texto.

As verificações automáticas bastam?

Não. A fonte afirma que elas não julgam texto recortado em wipes nem legibilidade. Imagens estáticas e folhas de entrada/saída exigem inspeção visual.

OpenDesign

Mantenha o briefing e o trabalho de design juntos.

Mantenha seu briefing, o material de origem e o trabalho de design juntos em um espaço de trabalho local. Verifique a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesignExplorar skills de design
Arquivo-fonte original
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md