Communitygithub.com

thumbnail-design

Una habilidad de diseño estratégico para crear miniaturas de YouTube que funcionan como una promesa visual unificada con el título. El agente diseña el concepto, redacta el texto, produce el brief y planifica el test A/B; pero un humano o herramienta de imagen genera el raster final y la subida es nativa en YouTube Studio.

¿Qué es thumbnail-design?

Esta habilidad (thumbnail-design) permite a un agente de IA diseñar profesionalmente miniaturas de YouTube desde una perspectiva estratégica. Su enfoque central es que la miniatura no es un póster, sino una **promesa** que debe funcionar como una unidad con el título (mostrar vs. contar, sin repetir). El agente genera el concepto, el texto (0-4 palabras) y un brief detallado, pero nunca crea la imagen raster final: esa tarea queda para una herramienta de imagen (como nano-banana, Ideogram o Canva) o un diseñador humano. La subida y el test A/B se realizan de forma nativa en YouTube Studio (no vía WoopSocial). El framework **CLICK** guía el proceso: Clarificar la promesa, Liderar con un punto focal, Invocar emoción genuina, Contrastar con texto conciso y Seguir probando. El test A/B nativo de YouTube elige al ganador por share de tiempo de visualización, no por CTR crudo, penalizando el clickbait. La habilidad especifica dimensiones (1280×720, 16:9, legible en móvil a ~168×94), paletas de color (alto contraste complementario, evitar rojo/blanco de YouTube, regla 60-30-10, prueba B/N), uso de rostros (genuinos, con mirada, +20-30% si aportan contexto) y tipografía (0-4 palabras, sans-serif negrita, sin contorno repetitivo del título). Se integra con brand-profile, youtube-publishing-and-metadata, nano-banana/ideogram y otras habilidades, y está estrictamente limitada a no generar clickbait, no usar rostros no consentidos ni inventar métricas CTR.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace thumbnail-design?

Una habilidad de diseño estratégico: escribe la promesa, diseña el concepto + texto, produce el brief y planifica el test A/B. El agente diseña + redacta el brief + planifica; un humano o herramienta de imagen genera el raster; la miniatura de YouTube se sube y prueba de forma nativa (sin campo WoopSocial).

El punto de vista: una promesa, no un póster — diseñada como una unidad con el título

Una miniatura impulsa aproximadamente el 70–80% de las decisiones de clic, y el espectador decide en menos de un segundo — por lo que su trabajo es el clic que lleva a una visualización. Dos reglas lo anclan todo: la miniatura + título son una unidad (la miniatura muestra, el título cuenta — nunca se repiten), y es una promesa, no un póster. Esta segunda regla la impone la plataforma: el test A/B nativo de YouTube elige al ganador por share de tiempo de visualización, no por CTR bruto, por lo que una miniatura engañosa con alto clic pierde frente a una honesta. Diseña para móvil primero — la mayor parte de la visualización ocurre en un teléfono, donde la simplicidad y el contraste ganan.

Lee esto primero

  1. brand-profile — estilo/plantilla del canal (para mantener consistencia).
  2. el video y su título (a menudo de youtube-publishing-and-metadata/youtube-long-form/youtube-shorts).

El marco de trabajo: CLICK

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

  • C — Clarificar la promesa: promesa de una frase; miniatura + título como unidad (mostrar vs contar, nunca repetir); promesa, no póster.
  • L — Liderar con un punto focal: uno/dos elementos héroes, fondo mínimo, legible en <1s; un elemento direccional.
  • I — Invocar emoción genuina: rostro genuino expresivo + mirada si aporta contexto (omitir si no); adecuar la expresión al contenido.
  • C — Contrastar + texto conciso: alto contraste complementario (evitar rojo/blanco de YouTube, 60-30-10, prueba B/N, claro+oscuro); 0–4 palabras en negrita sans-serif + contorno, sin duplicar el título; legible en móvil a ~168×94; zonas seguras; 1280×720, 16:9.
  • K — Seguir probando (Keep testing): 3 conceptos significativamente diferentes, una variable; Test & Compare nativo elige por share de tiempo de visualización (no en Shorts, necesita tráfico); un humano sube y ejecuta; mantener un registro; plantilla consistente con la marca.

La realidad (verificar trimestralmente)

Promesa-no-póster + miniatura+título-como-unidad + test A/B por tiempo de visualización penaliza el clickbait; los tres principios (simplicidad/contraste/emoción); rostros (+20–30%, genuinos, mirada, rostro desconocido puede perjudicar); contraste/color (complementario, evitar YT rojo/blanco, 60-30-10, prueba B/N); texto (0–4 palabras, negrita sans-serif, sin duplicar título); móvil primero + zonas seguras + especificaciones (1280×720; límite 50MB desde principios de 2026); consistencia de marca; Test & Compare nativo (ganador por share de tiempo de visualización, también prueba títulos/combinaciones, no en Shorts, depende del tráfico): references/thumbnail-2026-reality.md. La plantilla de promesa, lista de verificación de diseño, bloque de especificaciones, plan A/B + ejemplos prácticos: references/design-and-test-recipes.md.

Alcance honesto (nunca violar)

  • El agente escribe la promesa/concepto/texto/brief y puede criticar un mockup — pero un HUMANO o herramienta de imagen (nano-banana/ideogram/Canva/un diseñador) crea el raster final.
  • La miniatura personalizada de YouTube se sube de forma NATIVA en Studio — WoopSocial no tiene campo de miniatura — y Test & Compare es nativo (un humano sube y ejecuta). Las portadas de TikTok/IG-Reel son diferentes: usan el campo cover de WoopSocial mediante tiktok-video-publishing/la habilidad de IG.
  • Sin clickbait (la miniatura debe cumplir la promesa — el test de tiempo de visualización penaliza el engaño); sin rostros de personas reales/deepfakes no consentidos; nunca inventar un CTR (solo pruebas reales/análisis nativos). (Alcance, distinciones + conexiones: references/scope-and-connections.md.)

Distinto de sus hermanas (rutear correctamente)

thumbnail-design (esta) = el oficio de diseño de miniaturas + brief + plan A/B · youtube-publishing-and-metadata = metadatos de título/descripción/etiquetas (apunta AQUÍ para la miniatura) · nano-banana/ideogram = generar el raster que este brief solicita · tiktok-video-publishing = el campo cover de TikTok · hook-writer/caption-writer = líneas de texto.

Dónde se conecta esto

Lee primero: brand-profile + el video/título (youtube-publishing-and-metadata/youtube-long-form/youtube-shorts). Se empareja con: nano-banana/ideogram (renderizar el brief), hook-writer (las palabras de la miniatura), youtube-publishing-and-metadata (título como unidad con la miniatura), experimentation (disciplina A/B), competitor-analysis (previsualizar frente a miniaturas que rankean). Entrega a: un humano para renderizar + subir la miniatura de YouTube de forma nativa + ejecutar Test & Compare; analytics-and-reporting lee el CTR/tiempo de visualización. El raster, la subida nativa y el test A/B nativo quedan fuera de WoopSocial.

Definición de completado

Una promesa de una frase escrita y la miniatura diseñada como una unidad con el título (mostrar vs contar, sin repetición); un punto focal con fondo mínimo; un rostro genuino + mirada donde aporte contexto (o ninguno); alto contraste (complementario, no rojo/blanco de YouTube, 60-30-10, pasa la prueba B/N) legible en claro y oscuro; 0–4 palabras en negrita con contorno que no dupliquen el título; legible en móvil a ~168×94 con zonas seguras y especificaciones 1280×720; un plan A/B de 3 conceptos significativamente diferentes cambiando una variable, puntuados de forma nativa por share de tiempo de visualización; el raster dejado a una herramienta de imagen/diseñador y la subida + test de YouTube dejados al Studio nativo; sin clickbait, sin rostros no consentidos, sin CTR inventado; correctamente distinguido de youtube-publishing-and-metadata y nano-banana/ideogram.

Individual skills in this repo

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

Skills relacionados