Communitygithub.com

thumbnail-design

Habilidade de design para YouTube — escreve a promessa, conceitua, cria o briefing e planeja o teste A/B para thumbnails de alto desempenho, mantendo a promessa como unidade com o título.

O que é thumbnail-design?

O thumbnail-design é uma skill especializada na criação de thumbnails para YouTube, focada no princípio de que a thumbnail e o título formam uma unidade inseparável: a thumbnail mostra, o título conta, e jamais se repetem. Em vez de um pôster bonito, a thumbnail deve ser uma promessa que o vídeo cumpre, pois o teste A/B nativo do YouTube é vencido pelo tempo de exibição (watch-time share) e não pela taxa de cliques (CTR), penalizando o clickbait. A skill orienta o agente a criar conceitos para 3 thumbnails significativamente diferentes, variando um elemento por vez, e gerar um briefing completo que uma ferramenta de imagem (como nano-banana, Ideogram, Canva) ou um designer humano executa. O upload da thumbnail personalizada e o teste A/B são feitos nativamente no YouTube Studio — o WoopSocial não tem campo de thumbnail para YouTube. A skill lê o brand-profile e o título do vídeo, e se integra com youtube-publishing-and-metadata, nano-banana/ideogram, hook-writer e experimentation, mas o agente nunca gera rasters, faz uploads falsos ou fabrica CTR.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/social-media-skills/skills/tree/main/skills/thumbnail-design

Perguntar na sua IA favorita

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

Documentação

O que thumbnail-design faz?

Uma skill de design-craft — escreva a promessa, projete o conceito + texto, produza o briefing e planeje o teste A/B. O agente projeta + briefa + planeja; um humano ou ferramenta de imagem faz o raster; a thumbnail do YouTube é enviada + testada nativamente (sem campo WoopSocial).

O Ponto de Vista: uma promessa, não um pôster — projetada como unidade com o título

Uma thumbnail impulsiona ~70–80% das decisões de clique, e o espectador decide em menos de um segundo — portanto, seu trabalho é o clique que leva a uma visualização. Duas regras fundamentam tudo: thumbnail + título são uma unidade (a thumbnail mostra, o título conta — eles nunca se repetem), e é uma promessa, não um pôster. Essa segunda regra é imposta pela plataforma: o teste A/B nativo do YouTube escolhe o vencedor pela participação no tempo de exibição, não pelo CTR bruto, portanto uma thumbnail enganosa de alto clique perde para uma honesta. Projete para celular primeiro — a maioria das visualizações é em um telefone, onde simplicidade e contraste vencem.

Leia primeiro

  1. brand-profile — estilo/modelo do canal (para consistência).
  2. o vídeo e seu título (geralmente de youtube-publishing-and-metadata/youtube-long-form/youtube-shorts).

O framework: CLIQUE

(Profundidade: references/the-click-framework.md.)

  • C — Clarifique a promessa: promessa em uma frase; thumbnail + título como unidade (mostrar vs contar, nunca repetir); promessa, não pôster.
  • L — Lidere com um ponto focal: um/dois elementos heróis, fundo mínimo, compreensível em <1s; um elemento direcional.
  • I — Invoque emoção genuína: rosto expressivo genuíno + olhar se agregar contexto (pule caso contrário); combine a expressão ao conteúdo.
  • Q — Que contraste + texto conciso: alto contraste complementar (evite vermelho/branco do YouTube, 60-30-10, teste PB, claro+escuro); 0–4 palavras em negrito sem serifa + contorno, não uma duplicata do título; legível em celular a ~168×94; zonas seguras; 1280×720, 16:9.
  • E — Esteja sempre testando: 3 conceitos significativamente diferentes, uma variável; Teste e Compare nativo escolhe por tempo de exibição (não Shorts, precisa de tráfego); um humano faz upload + executa; mantenha um registro; modelo consistente com a marca.

A realidade (verifique trimestralmente)

Promessa-não-pôster + thumbnail+título-como-unidade + teste A/B por tempo de exibição pune clickbait; os três princípios (simplicidade/contraste/emoção); rostos (+20–30%, genuínos, olhar, rosto desconhecido pode prejudicar); contraste/cor (complementares, evite vermelho/branco YT, 60-30-10, teste PB); texto (0–4 palavras, negrito sem serifa, sem duplicata do título); celular primeiro + zonas seguras + especificações (1280×720; limite de 50MB desde início de 2026); consistência de marca; Teste e Compare nativo (vencedor por tempo de exibição, também testa títulos/combinações, não Shorts, dependente de tráfego): references/thumbnail-2026-reality.md. O modelo de promessa, lista de verificação de design, bloco de especificações, plano A/B + exemplos trabalhados: references/design-and-test-recipes.md.

Escopo honesto (nunca viole)

  • O agente escreve a promessa/conceito/texto/briefing e pode criticar um mockup — mas um HUMANO ou ferramenta de imagem (nano-banana/ideogram/Canva/um designer) cria o raster final.
  • A thumbnail personalizada do YouTube é enviada NATIVAMENTE no Studio — o WoopSocial não tem campo de thumbnail — e Teste e Compare é nativo (um humano faz upload + executa). Capas do TikTok/IG-Reel são diferentes: essas usam o campo cover do WoopSocial via tiktok-video-publishing/a skill do IG.
  • Sem clickbait (a thumbnail deve cumprir a promessa — o teste por tempo de exibição pune o engano); sem rostos reais/deepfake não consentidos; nunca fabrique um CTR (apenas testes reais/análises nativas). (Escopo, distinções + conexões: references/scope-and-connections.md.)

Distinta de suas irmãs (roteie corretamente)

thumbnail-design (esta) = a arte de design de thumbnail + briefing + plano A/B · youtube-publishing-and-metadata = o título/descrição/tags metadados (aponta PARA CÁ para a thumbnail) · nano-banana/ideogram = gerar o raster que este briefing solicita · tiktok-video-publishing = o campo cover do TikTok · hook-writer/caption-writer = linhas de texto.

Onde isso se conecta

Leia primeiro: brand-profile + o vídeo/título (youtube-publishing-and-metadata/youtube-long-form/youtube-shorts). Combina com: nano-banana/ideogram (renderizar o briefing), hook-writer (as palavras da thumbnail), youtube-publishing-and-metadata (título como unidade com a thumbnail), experimentation (disciplina A/B), competitor-analysis (pré-visualizar contra thumbnails ranqueadas). Entrega para: um humano para renderizar + enviar a thumbnail do YouTube nativamente + executar Teste e Compare; analytics-and-reporting lê CTR/tempo de exibição de volta. O raster, upload nativo e teste A/B nativo permanecem fora do WoopSocial.

Definição de pronto

Uma promessa em uma frase escrita e a thumbnail projetada como unidade com o título (mostrar vs contar, sem repetição); um ponto focal com fundo mínimo; um rosto genuíno + olhar onde agrega contexto (ou nenhum); alto contraste (complementar, não vermelho/branco do YouTube, 60-30-10, passa no teste PB) legível em claro e escuro; 0–4 palavras em negrito com contorno que não duplicam o título; legível em celular a ~168×94 com zonas seguras e especificações 1280×720; um plano A/B de 3 conceitos significativamente diferentes variando um elemento, pontuados nativamente por tempo de exibição; o raster deixado para uma ferramenta de imagem/designer e o upload + teste do YouTube deixados para o Studio nativo; sem clickbait, sem rostos não consentidos, sem CTR fabricado; corretamente distinguido de youtube-publishing-and-metadata e nano-banana/ideogram.

Individual skills in this repo

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

Habilidades Relacionadas