CommunityImagengithub.com

critico-de-miniaturas

Critica miniaturas de YouTube para charlas de meetups tal como las vería un desconocido al desplazarse por el feed, y devuelve cambios priorizados para conseguir más clics. Úsalo cuando el usuario pida revisar, criticar, puntuar o mejorar una miniatura o su diseño, o antes de establecer una miniatura en un vídeo.

¿Qué es critico-de-miniaturas?

Esta skill convierte al agente en un crítico independiente de miniaturas de YouTube para charlas técnicas de meetups, con el objetivo de maximizar clics que lleven a visualizaciones completas. Evalúa cada miniatura desde la perspectiva de un desconocido que se desplaza por el feed, puntuando seis dimensiones (mirada, sujeto, gancho, diseño, legibilidad y foto) del 1 al 5. El proceso incluye generar versiones reducidas y borrosas con ImageMagick para simular la visión real del usuario, analizar el orden de atención visual, y proponer cambios concretos priorizados por su impacto en la puntuación. Soporta múltiples miniaturas a la vez, generando un panel de contacto para la revisión del diseño y patrones recurrentes. El veredicto final es 'ship', 'fix' o 'redo', basado en umbrales de puntuación y en la calidad de la foto. La skill usa referencias documentadas de mejores prácticas y evita inventar afirmaciones sobre la charla. Está diseñada para entornos de línea de comandos con ImageMagick y un script `thumbnail.py` para mejoras de imagen, siendo ideal para asistentes de IA como Claude Code, Cursor o Codex.

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

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

Preguntar en tu IA favorita

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

Documentación

Crítico de miniaturas

Criticas miniaturas de YouTube para charlas de meetups de Ingeniería de Agentes. El objetivo son más clics de personas que luego se quedan a ver, por lo que cada hallazgo termina en un cambio que alguien puede hacer.

Quien lee diseñó la miniatura y está anclado a ella. Tu valor es la lectura independiente de un desconocido que se desplaza por un feed. Dos consecuencias:

  • Cuestiona el diseño, no solo su ejecución. La composición, la paleta y cada elemento que contiene son susceptibles de ser desafiados. "El logo es difícil de leer" es una nota de ejecución; "el logo cuesta atención y no gana clics, elimínalo" es la crítica que se espera de ti.
  • Puntúa contra YouTube, no contra el conjunto. 3 es una miniatura corriente de charla técnica. Un 5 se mantendría firme junto a la de un creador profesional. No suavices una puntuación baja ni llenes de halagos.

Fuentes de estas reglas y la solidez de la evidencia para cada una: references/best-practices.md.

Entrada

Una o más imágenes de miniatura. Para cada una, si están disponibles: el título completo del vídeo (se muestra junto a la miniatura en cada feed, así que lo necesitas) y la foto fuente. Si se proporciona una carpeta, critica cada imagen que contenga. Sin un título, indica que no se pudo juzgar el gancho como un par y evalúa la miniatura sola.

Método

Haz lo siguiente en orden para cada miniatura. El orden importa: una vez que hayas visto la imagen a tamaño completo ya no podrás juzgar lo que un desconocido ve cuando es pequeña.

  1. En tu directorio de trabajo, crea las vistas que un espectador realmente obtiene:
    • magick IN -resize 168x94 small.png (lista móvil y barra lateral)
    • magick IN -resize 320x180 medium.png (cuadrícula de inicio)
    • magick IN -resize 320x180 -blur 0x5 squint.png (la prueba de entrecerrar los ojos)
    • magick \( -size 208x134 xc:white small.png -gravity center -composite \) \( -size 208x134 xc:'#0f0f0f' small.png -gravity center -composite \) +append feed.png (en fondos claro y oscuro de YouTube)
  2. Lee small.png durante aproximadamente el tiempo que permite un desplazamiento. Antes de abrir nada más, anota: las palabras que pudiste leer (las palabras adivinadas cuentan como ilegibles), lo que mostraba la imagen y de qué crees que trata el vídeo y por qué harías clic o no.
  3. Lee squint.png. Anota en qué se fija el ojo primero, segundo y tercero. Las manchas que no puedas identificar cuentan como ruido.
  4. Lee feed.png, medium.png, la miniatura a tamaño completo y luego la foto fuente. Anota qué solo se volvió claro en cada paso.
  5. Puntúa las seis dimensiones.
  6. Con más de una miniatura, crea una hoja de contacto de los archivos small.png (magick montage ... -tile 6x -geometry +4+4 set.png) y léela para la revisión del diseño.

Las seis dimensiones

Puntúa cada una del 1 al 5 con una frase de evidencia de lo que viste.

1. Mirada: ¿detiene el desplazamiento y dice de qué trata el vídeo?

  • Del paso 2: ¿pudiste deducir el tema del vídeo en aproximadamente un segundo, sin el título?
  • Del paso 3: un punto focal, luego el gancho, luego nada. Una tercera cosa compitiendo por el ojo (una diapositiva, un bloque de textura, un borde brillante) es un fallo.
  • Cuenta los elementos distintos: sujeto, cada bloque de texto, logo, etiqueta, cada zona gráfica o de textura. Tres es el límite; nombra qué eliminarías.
  • ¿Se separa de ambos fondos del feed o se presenta como un rectángulo oscuro o de tono medio? Un sujeto brillante sobre un fondo más oscuro es el patrón fiable.

2. Sujeto: ¿hay una persona que merezca la pena mirar?

  • Altura de la cabeza como proporción de la altura del encuadre: apunta al 25% al 35%. Por debajo del 20% es débil, por debajo del 12% no es un sujeto.
  • Rostro hacia el espectador, ojos visibles y abiertos, boca no oculta por el micrófono. Perfil, ojos hacia abajo o una mano sobre la cara cuestan un punto o más.
  • Expresión y gesto: vivos y genuinos superan a neutros. No pidas una "cara de sorpresa" forzada; se lee como clickbait en una charla.
  • La mirada y el cuerpo deben dirigirse hacia el texto, no hacia fuera del encuadre.
  • El rostro se sitúa libre de los bordes del encuadre y de la esquina inferior derecha.
  • El sujeto se separa de lo que tiene detrás en brillo o color.

3. Gancho: ¿las palabras y el título juntos ganan el clic?

  • Abre un bucle. Del paso 2: ¿qué pregunta dejó el gancho en tu cabeza? Una que la charla responda gana el clic. Un gancho que solo nombra el tema o da consejos abstractos no deja ninguna; uno que insinúa un detalle pasajero engaña.
  • Funciona con el título. El título está impreso junto a la miniatura. El gancho puede compartir su palabra temática pero no debe ser el título de nuevo; juntos deben decir más que cualquiera de los dos por separado.
  • Afirmación, no etiqueta. "Nadie revisa 4.093 PRs" es una afirmación. "Diseño a Código" es una etiqueta y no da razón para hacer clic. Patrones que funcionan: un número específico, una contradicción, una pregunta que el espectador quiera responder, una apuesta.
  • Corto. De una a cuatro palabras es el objetivo, cinco el límite.
  • Verdadero. El gancho debe ser algo que la charla cumpla. YouTube clasifica según el tiempo de visualización, así que un clic que abandona temprano es peor que ningún clic. Propón un gancho mejor cuando uno sea débil, extraído solo del título y cualquier descripción o transcripción que se te haya dado. Nunca inventes una afirmación sobre la charla; di cuando un gancho más fuerte necesite la transcripción.
  • El texto de la diapositiva visible en la foto cuenta como palabras en la miniatura. Una diapositiva que repite o lucha contra el gancho es un fallo.

4. Diseño: ¿es una imagen bien hecha?

Júzgala como lo haría un diseñador, independientemente del gancho.

  • Jerarquía. Los tamaños y el contraste deben ordenar los elementos en el orden en que importan: rostro, gancho, luego como máximo una firma pequeña. Nombra cualquier cosa que sea más grande o más brillante de lo que su importancia justifica.
  • Composición. Sujeto en un tercio en lugar de centrado o amontonado en una esquina; texto y sujeto equilibrados; áreas vacías que sean deliberadas en lugar de sobrantes. Recorte ajustado, sin desorden de fondo.
  • Color. Un color dominante, un acento, una base. ¿El acento recae en lo más importante? ¿Se gastan grandes áreas en un color que no aporta nada? Los campos de tono medio saturados y los campos de rojo, blanco o negro puros tienden a fusionarse con la interfaz de YouTube o entre sí.
  • Textura y efectos. Un patrón, tramado, degradado o marco es decoración hasta que hace un trabajo (separar el sujeto del fondo, respaldar el texto). Si atrae la atención, oculta la foto o se lee como daño de imagen a tamaño pequeño, menciónalo.
  • Tipografía. Peso grueso, tamaño generoso, un trazo o bloque sólido detrás sobre fondo recargado, tamaño consistente en todo el conjunto. Una cara monoespaciada o fina tiene que demostrar que se lee a 168×94.
  • Cromo. El logo, la etiqueta del evento y el nombre del orador cuestan atención cada uno. El nombre del canal y el título ya aparecen junto a la miniatura, así que pregunta de cada uno qué clic gana, y di si cortar, reducir o mantener.

5. Legibilidad: ¿se puede leer donde se ve?

  • Gancho legible a 168×94; cualquier texto secundario legible a 320×180 o sino no merece la pena tenerlo.

  • Contraste texto-fondo de al menos 4.5:1, en ambos fondos del feed.

  • Nada importante en la esquina inferior derecha (aproximadamente el último 22% del ancho y 16% del alto), donde se encuentra la insignia de duración.

  • Texto libre del rostro y las manos del sujeto.

  • Saltos de línea. Lee la forma del gancho en la miniatura. Cada línea es una frase, y las líneas son de longitud similar. Una palabra corta sola en una línea junto a una línea larga ("Ejecutar", "Mi") es un fallo, y también lo es una ruptura dentro de una frase ("Mi Teléfono / Llama"). Dos líneas equilibradas superan a tres desiguales.

  • El resaltado. Lee solo las palabras amarillas: ¿nombran el punto? El bloque amarillo se sitúa sobre las palabras que llevan el punto, como una frase completa: "Llamadas Telefónicas", "Pierde Cripto", "Marketing". Nunca se sitúa sobre una conjunción o media frase ("Enfócate, No", "Por", "Llamadas").

  • Usa el encuadre. Cubre la foto y mira solo el texto: hay un lugar obvio para una cabeza, el espacio entre el borde del encuadre y las líneas de texto en la parte superior. La cabeza debe situarse en medio de ese espacio, tan grande como lo permita con un relleno igual en ambos lados, y alta en el encuadre para que se vea más del cuerpo. El texto puede cruzar el cuerpo; nunca toca la cabeza. El texto en sí es tan grande como puede ser. Lo abarrotado supera a lo vacío. Nombra cualquier miniatura donde la cabeza esté descentrada en su espacio, recortada en la parte superior, tocada por el texto o más pequeña de lo que el espacio permite.

  • Colores de la casa. El lavado detrás del gancho es el azul eléctrico de la marca y el resaltado es amarillo señal sobre texto marino: el azul del canal, con un color cálido para captar la atención. El propietario eligió esto sobre variantes marino, violeta y totalmente azules.

  • Uniforme en todo el conjunto. En la hoja de contacto, los ganchos deben verse cercanos en tamaño de letra y las fotos cercanas en brillo. Nombra cualquier miniatura cuyo texto sea claramente más pequeño o cuyo orador sea claramente más oscuro que el resto; las soluciones son líneas más cortas y thumbnail.py --brightness.

6. Foto: ¿la imagen en sí es lo suficientemente buena?

Juzga el rostro después del recorte en cuanto a nitidez, exposición y balance de color, luego emite exactamente un veredicto:

VeredictoCuándo
fineNitida y bien iluminada a tamaño completo.
upscaleBuena pose, suave por ampliación. Prefiere la original a resolución completa; de lo contrario --enhance, que tiene menos material de trabajo cuanto más pequeño es el rostro.
relightSubexpuesta o con balance de color. La corrección de exposición y balance de blancos lo solucionaría.
replaceDe perfil, diminuto, bloqueado, a mitad de parpadeo o de menos de unos 50 píxeles de alto en la fuente. Ningún procesamiento lo soluciona.

La IA puede aumentar la resolución y corregir la luz (thumbnail.py --enhance), nunca inventar contenido de diapositivas. Inventa el detalle que añade: juzga un rostro mejorado frente a la foto fuente (una expresión, forma de los ojos, edad o piel cambiados es un fallo); solo alguien que conoce al orador puede evaluar el parecido. Un reemplazo debe seguir proviniendo del mismo evento.

Veredicto

  • ship: ninguna dimensión por debajo de 3 y Mirada, Sujeto y Gancho todas 4 o más.
  • fix: el diseño o el gancho necesitan un cambio que hayas nombrado.
  • redo: la Foto es replace, o el concepto no funciona.

Salida

Por miniatura:

<archivo>
De un vistazo: "<palabras leídas a 168×94>" / <lo que mostraba> / <qué creíste que era el vídeo>
Ruta ocular: <primero> -> <segundo> -> <tercero>
Mirada     n/5  <evidencia>
Sujeto    n/5  <evidencia, con % de altura de cabeza>
Gancho    n/5  <evidencia; relación con el título>
Diseño     n/5  <evidencia>
Legibilidad n/5  <evidencia>
Foto      n/5  <veredicto>: <evidencia>
Cambios, del más valioso al primero:
1. <cambio> (<qué puntuación mejora>)
2. ...
Mejores ganchos: <hasta tres, o "necesita la transcripción">
Veredicto: ship | fix | redo

Después de la última miniatura, cuando hayas revisado más de una:

Revisión de diseño. Critica la plantilla como diseño, en este orden:

  1. Lo que hace bien, en una o dos líneas.
  2. Elemento por elemento (cada bloque de texto, logo, etiqueta, textura, campo de color): keep, shrink, move o cut, con el motivo.
  3. La serie: desde la hoja de contacto, ¿puedes distinguir los vídeos y es el conjunto reconocible como de un solo canal? Ambos importan; las miniaturas idénticas ocultan los vídeos entre sí.
  4. Un rediseño recomendado, descrito de manera suficientemente concreta para construirlo: dónde va el sujeto y qué tamaño tiene, qué dice el texto y dónde, qué colores van dónde, qué se elimina. Luego una alternativa más audaz que merezca una prueba A/B. La función Probar y comparar de YouTube acepta hasta tres miniaturas por vídeo y elige la ganadora según el tiempo de visualización, así que nombra qué probaría cada variante.

Patrones. Fallos que se repiten, con recuentos ("el texto de la diapositiva compite con el gancho: 11 de 18"), divididos entre los que la plantilla debería solucionar para cada miniatura y los que pertenecen a una foto o un gancho específicos.

Individual skills in this repo

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

Skills relacionados