CommunityImagemgithub.com

Crítico de Miniaturas

Critica miniaturas do YouTube para palestras de meetups como um estranho percorrendo um feed as veria, e retorna alterações ranqueadas que renderiam mais cliques.

O que é Crítico de Miniaturas?

Esta skill capacita o agente a atuar como um crítico especializado em miniaturas do YouTube para palestras técnicas de meetups. O objetivo é analisar miniaturas com o olhar de um espectador que percorre o feed rapidamente, identificando elementos que atraem ou repelem cliques. A skill fornece um método rigoroso e detalhado, que inclui a geração de versões em tamanhos reduzidos das miniaturas (como as vistas em dispositivos móveis e na grade inicial), a aplicação de um teste de borrão para simular a visão periférica, e a avaliação em seis dimensões principais: olhar rapidamente, assunto (pessoa), gancho (texto), design, legibilidade e qualidade da foto. Cada dimensão recebe uma pontuação de 1 a 5 com evidências observadas. O resultado é um veredito (enviar, corrigir, refazer) e uma lista priorizada de alterações sugeridas. A skill foi projetada para plataformas como Claude Code, Cursor, Codex e outras que suportam a execução de comandos do ImageMagick (`magick`) e leitura de arquivos. Ela se baseia em um conjunto de regras e melhores práticas documentadas, e seu valor está em fornecer uma crítica independente e acionável, questionando não apenas a execução, mas o próprio conceito do design.

Funciona com~Claude Code~Codex CLI~Cursor✓Antigravity
npx skills add https://github.com/agnteng/production/tree/HEAD/.claude/skills/thumbnail-critic

Installed? Explore more Imagem skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Perguntar na sua IA favorita

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

Documentação

O que Crítico de Miniaturas faz?

Você critica miniaturas do YouTube para palestras do Agentic Engineering Meetup. O objetivo é obter mais cliques de pessoas que então permanecem para assistir, então cada conclusão termina em uma mudança que alguém pode fazer.

Seu leitor projetou a miniatura e está apegado a ela. Seu valor é a leitura independente de um estranho percorrendo um feed. Duas consequências:

  • Questione o design, não apenas sua execução. O layout, a paleta e cada elemento nela estão abertos a desafios. "O logotipo é difícil de ler" é uma nota de execução; "o logotipo custa atenção e não ganha nenhum clique, corte-o" é a crítica para a qual você está aqui.
  • Dê uma pontuação contra o YouTube, não contra o conjunto. 3 é uma miniatura comum de palestra técnica. Um 5 se sustentaria ao lado de um criador profissional. Não suavize uma pontuação baixa nem encha com elogios.

Fontes para estas regras e quão forte é a evidência para cada uma: references/best-practices.md.

Entrada

Uma ou mais imagens de miniatura. Para cada uma, quando disponível: o título completo do vídeo (ele fica ao lado da miniatura em todos os feeds, então você precisa dele) e a foto de origem. Dada uma pasta, critique todas as imagens nela. Sem um título, diga que o gancho não pôde ser julgado como um par e julgue-o sozinho.

Método

Faça estas etapas em ordem para cada miniatura. A ordem importa: uma vez que você viu a imagem em tamanho real, você não pode mais julgar o que um estranho vê quando pequena.

  1. No seu diretório de rascunho, crie as visualizações que um espectador realmente obtém:
    • magick IN -resize 168x94 small.png (lista móvel e barra lateral)
    • magick IN -resize 320x180 medium.png (grade inicial)
    • magick IN -resize 320x180 -blur 0x5 squint.png (o teste de apertar os olhos)
    • magick \( -size 208x134 xc:white small.png -gravity center -composite \) \( -size 208x134 xc:'#0f0f0f' small.png -gravity center -composite \) +append feed.png (nos fundos claro e escuro do YouTube)
  2. Leia small.png por aproximadamente o tempo que uma rolagem permite. Antes de abrir qualquer outra coisa, anote: as palavras que você conseguiu ler (palavras adivinhadas contam como ilegíveis), o que a imagem mostrou e sobre o que você acha que o vídeo é e por que você clicaria ou não.
  3. Leia squint.png. Anote onde o olho pousa primeiro, segundo e terceiro. Manchas que você não consegue identificar contam como ruído.
  4. Leia feed.png, medium.png, a miniatura em tamanho real e depois a foto fonte. Observe o que só ficou claro em cada etapa.
  5. Pontue as seis dimensões.
  6. Com mais de uma miniatura, construa uma folha de contato dos arquivos small.png (magick montage ... -tile 6x -geometry +4+4 set.png) e leia-a para a revisão de design.

As seis dimensões

Pontue cada uma de 1 a 5 com uma frase de evidência do que você viu.

1. Olhar rapidamente: impede a rolagem e diz sobre o que é o vídeo?

  • Da etapa 2: você conseguiu dizer o assunto do vídeo em cerca de um segundo, sem o título?
  • Da etapa 3: um ponto focal, depois o gancho, depois nada. Uma terceira coisa competindo pelo olho (um slide, um bloco de textura, uma borda brilhante) é uma falha.
  • Conte os elementos distintos: assunto, cada bloco de texto, logotipo, etiqueta, cada área gráfica ou de textura. Três é o teto; nomeie o que você cortaria.
  • Ele se separa de ambos os fundos do feed ou fica como um retângulo escuro ou de tom médio? Um assunto claro em um fundo mais escuro é o padrão confiável.

2. Assunto: há uma pessoa que vale a pena olhar?

  • Altura da cabeça como proporção da altura do quadro: mire em 25% a 35%. Abaixo de 20% é fraco, abaixo de 12% não é um assunto.
  • Rosto voltado para o espectador, olhos visíveis e abertos, boca não escondida pelo microfone. Perfil, olhos para baixo ou uma mão sobre o rosto custam um ponto ou mais.
  • Expressão e gesto: vivo e genuíno vence neutro. Não peça um "rosto chocado" forçado; isso parece clickbait em uma palestra.
  • O olhar e o corpo devem direcionar para o texto, não para fora do quadro.
  • O rosto fica livre das bordas do quadro e do canto inferior direito.
  • O assunto se separa do que está atrás dele em brilho ou cor.

3. Gancho: as palavras e o título ganham o clique juntos?

  • Abre um ciclo. Da etapa 2: que pergunta o gancho deixou em sua cabeça? Uma que a palestra responde ganha o clique. Um gancho que apenas nomeia o assunto ou dá conselhos abstratos não deixa nenhum; um que provoca um detalhe passageiro engana.
  • Funciona com o título. O título é impresso ao lado da miniatura. O gancho pode compartilhar sua palavra de assunto, mas não deve ser o título novamente; juntos, eles devem dizer mais do que qualquer um sozinho.
  • Afirmação, não rótulo. "Ninguém Revisa 4.093 PRs" é uma afirmação. "Design para Código" é um rótulo e não dá razão para clicar. Padrões que funcionam: um número específico, uma contradição, uma pergunta que o espectador quer responder, uma aposta.
  • Curto. Uma a quatro palavras é o alvo, cinco o limite.
  • Verdadeiro. O gancho deve ser algo que a palestra entrega. O YouTube classifica com base no tempo de exibição, então um clique que sai cedo é pior do que nenhum clique. Proponha um gancho melhor quando um está fraco, extraído apenas do título e de qualquer descrição ou transcrição que você recebeu. Nunca invente uma afirmação sobre a palestra; diga quando um gancho mais forte precisa da transcrição.
  • Texto de slide visível na foto conta como palavras na miniatura. Um slide que repete ou luta contra o gancho é uma falha.

4. Design: esta é uma imagem bem feita?

Julgue-a como um designer faria, independente do gancho.

  • Hierarquia. Os tamanhos e o contraste devem classificar os elementos na ordem em que importam: rosto, gancho e, no máximo, uma pequena assinatura. Nomeie qualquer coisa que seja maior ou mais brilhante do que sua importância.
  • Composição. Assunto em um terço, não no centro morto ou amontoado em um canto; texto e assunto equilibrados; áreas vazias que são deliberadas, em vez de sobras. Corte apertado, sem desordem de fundo.
  • Cor. Uma cor dominante, um acento, uma base. O acento incide sobre a coisa mais importante? Grandes áreas são gastas em uma cor que não carrega nada? Campos de tom médio saturados e campos de vermelho, branco ou preto puro tendem a se fundir com a interface do YouTube ou entre si.
  • Textura e efeitos. Um padrão, pontilhado, gradiente ou moldura é decoração até que faça um trabalho (separar o assunto do fundo, apoiar o texto). Se atrai o olho, esconde a foto ou parece dano de imagem em tamanho pequeno, aponte.
  • Tipografia. Peso pesado, tamanho generoso, um traço ou bloco sólido atrás dela em fundo movimentado, tamanho consistente em todo o conjunto. Uma face monoespaçada ou fina tem que provar que é legível em 168×94.
  • Cromo. Logotipo, etiqueta do evento e nome do palestrante custam atenção cada um. O nome do canal e o título já aparecem ao lado da miniatura, então pergunte de cada um qual clique ganha e diga corte, encolha ou mantenha.

5. Legibilidade: pode ser lida onde é vista?

  • Gancho legível em 168×94; qualquer texto secundário legível em 320×180 ou então não vale a pena ter.
  • Contraste de texto para fundo de pelo menos 4,5:1, em ambos os fundos de feed.
  • Nada importante no canto inferior direito (aproximadamente os últimos 22% da largura e 16% da altura), onde o selo de duração fica.
  • Texto livre do rosto e das mãos do assunto.
  • Quebras de linha. Leia a forma do gancho na miniatura. Cada linha é uma frase e as linhas são de comprimento semelhante. Uma palavra curta sozinha em uma linha ao lado de uma linha longa ("Run", "My") é uma falha, e também é uma quebra dentro de uma frase ("My Phone / Calls"). Duas linhas equilibradas vencem três irregulares.
  • O destaque. Leia apenas as palavras amarelas: elas nomeiam o ponto? O bloco amarelo está sobre as palavras que carregam o ponto, como uma frase inteira: "Phone Calls", "Lose Crypto", "Marketing". Nunca está sobre uma conjunção ou meia frase ("Focus, Not", "Per", "Calls").
  • Usa o quadro. Cubra a foto e olhe apenas para o texto: há um lugar óbvio para uma cabeça, o espaço entre a borda do quadro e as linhas de texto no topo. A cabeça deve ficar no meio desse espaço, tão grande quanto o espaço permitir, com preenchimento igual em ambos os lados, e alta no quadro para que mais do corpo apareça. O texto pode cruzar o corpo; nunca toca a cabeça. O texto em si é o maior possível. Apertado vence vazio. Nomeie qualquer miniatura onde a cabeça está descentralizada em seu espaço, cortada no topo, tocada pelo texto ou menor do que o espaço permite.
  • Cores da casa. A lavagem atrás do gancho é o azul elétrico da marca e o destaque é amarelo sinal em texto marinho: o azul do canal, com uma cor quente para chamar a atenção. O proprietário escolheu isto em vez de variantes marinho, violeta e totalmente azuis.
  • Uniforme em todo o conjunto. Na folha de contato, os ganchos devem ter aparência próxima em tamanho de tipo e as fotos próximas em brilho. Nomeie qualquer miniatura cujo texto é claramente menor ou cujo palestrante é claramente mais escuro que o resto; as correções são linhas mais curtas e thumbnail.py --brightness.

6. Foto: a imagem em si é boa o suficiente?

Julgue o rosto após o corte quanto à nitidez, exposição e dominante de cor, então dê exatamente um veredito:

VereditoQuando
fineNitido e bem iluminada em tamanho real.
upscaleBoa pose, suave devido à ampliação. Prefira a original em resolução total; caso contrário, --enhance, que tem menos com o que trabalhar quanto menor o rosto for.
relightSubexposta ou dominante de cor. A correção de exposição e balanço de branco a corrigiria.
replaceVirado de lado, minúsculo, bloqueado, em meio a uma piscada, ou com menos de cerca de 50px de altura na fonte. Nenhum processamento corrige isso.

A IA pode aumentar a resolução e corrigir a luz (thumbnail.py --enhance), nunca inventar conteúdo de slide. Ela inventa o detalhe que adiciona: julgue um rosto melhorado em relação à foto fonte (uma expressão, formato do olho, idade ou pele alterados é uma falha); apenas alguém que conhece o palestrante pode avaliar a semelhança. Uma substituição ainda deve vir do mesmo evento.

Veredito

  • ship: nenhuma dimensão abaixo de 3 e Olhar rapidamente, Assunto e Gancho todos 4 ou mais.
  • fix: o design ou o gancho precisam de uma mudança que você nomeou.
  • redo: Foto é replace, ou o conceito não funciona.

Saída

Por miniatura:

<arquivo>
Relance: "<palavras lidas em 168×94>" / <o que mostrou> / <o que você achou que o vídeo era>
Caminho do olho: <primeiro> -> <segundo> -> <terceiro>
Olhar rapidamente     n/5  <evidência>
Assunto    n/5  <evidência, com altura da cabeça %>
Gancho    n/5  <evidência; relação com o título>
Design     n/5  <evidência>
Legibilidade n/5  <evidência>
Foto      n/5  <veredito>: <evidência>
Alterações, mais valiosas primeiro:
1. <alteração> (<qual pontuação eleva>)
2. ...
Melhores ganchos: <até três, ou "precisa da transcrição">
Veredito: ship | fix | redo

Após a última miniatura, quando você revisou mais de uma:

Revisão de design. Critique o modelo como um design, nesta ordem:

  1. O que ele acerta, em uma ou duas linhas.
  2. Elemento por elemento (cada bloco de texto, logotipo, etiqueta, textura, campo de cor): keep, shrink, move ou cut, com a razão.
  3. A série: a partir da folha de contato, você consegue distinguir os vídeos e o conjunto é reconhecível como um canal? Ambos importam; miniaturas idênticas escondem os vídeos uns dos outros.
  4. Um redesign recomendado, descrito de forma concreta o suficiente para ser construído: onde o assunto vai e quão grande, o que o texto diz e onde, quais cores vão para onde, o que é removido. Depois, uma alternativa mais ousada que vale um teste A/B. O Test & Compare do YouTube aceita até três miniaturas por vídeo e escolhe o vencedor pelo tempo de exibição, então nomeie o que cada variante testaria.

Padrões. Falhas que se repetem, com contagens ("texto do slide compete com o gancho: 11 de 18"), divididas entre aquelas que o modelo deve corrigir para cada miniatura e aquelas que pertencem a uma foto ou um gancho específico.

Individual skills in this repo

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

Habilidades Relacionadas