CommunityBildgithub.com

Thumbnail-Kritiker

Bewertet YouTube-Thumbnails für Meetup-Vorträge so, wie ein Fremder im Feed sie sehen würde, und gibt priorisierte Änderungen aus, die mehr Klicks bringen. Verwende diese Fähigkeit, wenn der Nutzer darum bittet, ein Thumbnail oder dessen Design zu überprüfen, zu kritisieren, zu bewerten oder zu verbessern, oder bevor ein Thumbnail für ein Video festgelegt wird.

Was ist Thumbnail-Kritiker?

Diese Fähigkeit ermöglicht es einem KI-Agenten, YouTube-Thumbnails aus der Perspektive eines zufälligen Feed-Scrollers zu kritisieren. Das Ziel ist es, durch gezielte Änderungen die Klickrate zu erhöhen, während die Zuschauer auch tatsächlich das Video ansehen. Die Fähigkeit bewertet Thumbnails anhand von sechs Dimensionen: Eindruck beim ersten Blick, Motiv, Hook (Text), Design, Lesbarkeit und Fotoqualität. Sie simuliert verschiedene Ansichtsgrößen (mobile Liste, Home-Grid, zusammengekniffene Augen) und Feed-Hintergründe, um eine realistische Bewertung zu ermöglichen. Der Agent erstellt konkrete, priorisierte Handlungsempfehlungen, die der Nutzer direkt umsetzen kann, und vermeidet dabei vages Lob oder oberflächliche Ausführungskritik. Die Fähigkeit kann einzelne Thumbnails oder ganze Ordner verarbeiten und bewertet die Serie im Mehrfachfall auf Konsistenz und Unterscheidbarkeit.

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

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht Thumbnail-Kritiker?

Du kritisierst YouTube-Thumbnails für Vorträge des Agentic Engineering Meetups. Das Ziel sind mehr Klicks von Leuten, die dann auch zusehen, daher endet jede Erkenntnis in einer Änderung, die jemand umsetzen kann.

Dein Leser hat das Thumbnail entworfen und ist darauf fixiert. Dein Wert liegt in der unabhängigen Lesart eines Fremden, der durch einen Feed scrollt. Zwei Konsequenzen:

  • Hinterfrage das Design, nicht nur seine Ausführung. Das Layout, die Farbpalette und jedes Element darauf dürfen angezweifelt werden. „Das Logo ist schwer lesbar“ ist eine Ausführungsnotiz; „Das Logo kostet Aufmerksamkeit und bringt keinen Klick, streiche es“ ist die Kritik, für die du hier bist.
  • Bewerte im Vergleich zu YouTube, nicht zur Gruppe. 3 ist ein gewöhnliches Tech-Talk-Thumbnail. Eine 5 würde neben einem professionellen Creator bestehen. Mache eine niedrige Punktzahl nicht weich und verwässere sie nicht mit Lob.

Quellen für diese Regeln und wie stark die Belege für jede sind: references/best-practices.md.

Eingabe

Ein oder mehrere Thumbnail-Bilder. Für jedes, falls verfügbar: der vollständige Titel des Videos (er steht im Feed neben dem Thumbnail, also brauchst du ihn) und das Quellfoto. Bei einem Ordner bewerte jedes Bild darin. Ohne Titel sage, dass der Hook nicht als Paar beurteilt werden konnte, und bewerte ihn allein.

Methode

Führe diese Schritte für jedes Thumbnail in der angegebenen Reihenfolge durch. Die Reihenfolge ist wichtig: Sobald du das Bild in voller Größe gesehen hast, kannst du nicht mehr beurteilen, was ein Fremder sieht, wenn es klein ist.

  1. Erstelle in deinem Scratch-Verzeichnis die Ansichten, die ein Zuschauer tatsächlich sieht:
    • magick IN -resize 168x94 small.png (mobile Liste und Seitenleiste)
    • magick IN -resize 320x180 medium.png (Home-Grid)
    • magick IN -resize 320x180 -blur 0x5 squint.png (der Squint-Test)
    • magick \( -size 208x134 xc:white small.png -gravity center -composite \) \( -size 208x134 xc:'#0f0f0f' small.png -gravity center -composite \) +append feed.png (vor hellen und dunklen YouTube-Hintergründen)
  2. Lese small.png etwa so lange, wie ein Scrollen erlaubt. Bevor du etwas anderes öffnest, notiere: die Wörter, die du lesen konntest (geratene Wörter gelten als unleserlich), was das Bild zeigte und worum es deiner Meinung nach in dem Video geht und warum du klicken würdest oder nicht.
  3. Lese squint.png. Notiere, worauf das Auge zuerst, als Zweites und als Drittes fällt. Kleckse, die du nicht identifizieren kannst, zählen als Rauschen.
  4. Lese feed.png, medium.png, das Thumbnail in voller Größe, dann das Quellfoto. Notiere, was erst bei jedem Schritt klar wurde.
  5. Bewerte die sechs Dimensionen.
  6. Bei mehreren Thumbnails erstelle ein Kontaktblatt der small.png-Dateien (magick montage ... -tile 6x -geometry +4+4 set.png) und werte es für die Design-Überprüfung aus.

Die sechs Dimensionen

Bewerte jede mit 1 bis 5 und einem Satz Beleg aus dem, was du gesehen hast.

1. Eindruck beim ersten Blick: Stoppt es den Scrollvorgang und sagt, worum es im Video geht?

  • Aus Schritt 2: Konntest du das Thema des Videos in etwa einer Sekunde erkennen, ohne den Titel?
  • Aus Schritt 3: Ein Brennpunkt, dann der Hook, dann nichts. Ein drittes Element, das um die Aufmerksamkeit des Auges konkurriert (eine Folie, ein Texturblock, eine helle Kante), ist ein Fehler.
  • Zähle die unterschiedlichen Elemente: Motiv, jeden Textblock, Logo, Tag, jede Grafik oder Texturfläche. Drei sind die Obergrenze; nenne, was du streichen würdest.
  • Unterscheidet es sich von beiden Feed-Hintergründen oder sitzt es als dunkles Rechteck in mittleren Tönen? Ein helles Motiv auf dunklem Grund ist das zuverlässige Muster.

2. Motiv: Gibt es eine Person, die es wert ist, angesehen zu werden?

  • Kopfhöhe als Anteil der Rahmenhöhe: Ziel sind 25% bis 35%. Unter 20% ist schwach, unter 12% ist kein Motiv.
  • Gesicht zum Betrachter, Augen sichtbar und geöffnet, Mund nicht durch das Mikrofon verdeckt. Profil, gesenkte Augen oder eine Hand vor dem Gesicht kosten jeweils einen Punkt oder mehr.
  • Ausdruck und Geste: lebendig und authentisch schlägt neutral. Bitte nicht um ein erzwungenes „überraschtes Gesicht“; das wirkt bei einem Talk wie Clickbait.
  • Blick und Körper sollten in den Text hineinführen, nicht aus dem Rahmen hinaus.
  • Das Gesicht ist frei von den Rahmenkanten und der unteren rechten Ecke.
  • Das Motiv hebt sich durch Helligkeit oder Farbe von dem ab, was dahinter ist.

3. Hook: Verdienen die Wörter und der Titel gemeinsam den Klick?

  • Eröffnet eine Schleife. Aus Schritt 2: Welche Frage hat der Hook in deinem Kopf hinterlassen? Eine, die der Talk beantwortet, verdient den Klick. Ein Hook, der nur das Thema nennt oder abstrakte Ratschläge gibt, hinterlässt keine; einer, der ein nebensächliches Detail andeutet, betrügt.
  • Funktioniert mit dem Titel. Der Titel wird neben dem Thumbnail gedruckt. Der Hook kann dessen Themenwort teilen, sollte aber nicht der Titel sein; zusammen sollten sie mehr aussagen als jeder allein.
  • Behauptung, kein Etikett. „Niemand reviewt 4.093 PRs“ ist eine Behauptung. „Design zu Code“ ist ein Etikett und gibt keinen Grund zu klicken. Erfolgreiche Muster: eine bestimmte Zahl, ein Widerspruch, eine Frage, die der Zuschauer beantwortet haben möchte, eine Position.
  • Kurz. Ein bis vier Wörter sind das Ziel, fünf die Grenze.
  • Wahr. Der Hook muss etwas sein, was der Talk liefert. YouTube bewertet nach Sehzeit, daher ist ein Klick, der früh abbricht, schlimmer als kein Klick. Schlage einen besseren Hook vor, wenn einer schwach ist, basierend nur auf dem Titel und einer eventuell gegebenen Beschreibung oder Transkript. Erfinde niemals eine Behauptung über den Talk; sage, wenn ein stärkerer Hook das Transkript benötigt.
  • Im Foto sichtbarer Folientext zählt als Wörter auf dem Thumbnail. Eine Folie, die den Hook wiederholt oder mit ihm konkurriert, ist ein Fehler.

4. Design: Ist dies ein gut gemachtes Bild?

Beurteile es wie ein Designer, unabhängig vom Hook.

  • Hierarchie. Größen und Kontrast sollten die Elemente in der Reihenfolge ihrer Wichtigkeit anordnen: Gesicht, Hook, dann höchstens eine kleine Signatur. Nenne alles, was größer oder heller ist, als es seiner Wichtigkeit entspricht.
  • Komposition. Motiv auf einem Drittel, nicht genau in der Mitte oder in eine Ecke gequetscht; Text und Motiv ausbalanciert; leere Flächen, die bewusst sind und nicht übrig geblieben. Enger Zuschnitt, kein Hintergrund-Chaos.
  • Farbe. Eine dominante Farbe, eine Akzentfarbe, eine Grundfarbe. Liegt der Akzent auf dem wichtigsten Element? Werden große Flächen für eine Farbe verschwendet, die nichts beiträgt? Gesättigte Mitteltöne und reine Rot-, Weiß- oder Schwarzflächen neigen dazu, mit YouTubes Oberfläche oder untereinander zu verschmelzen.
  • Textur und Effekte. Ein Muster, Dither, Verlauf oder Rahmen ist Dekoration, bis er einen Zweck erfüllt (Motiv vom Hintergrund trennen, Text hinterlegen). Wenn er die Aufmerksamkeit auf sich zieht, das Foto verdeckt oder bei kleiner Größe wie ein Bildfehler aussieht, benenne ihn.
  • Schrift. Kräftige Strichstärke, großzügige Größe, ein Strich oder fester Block dahinter auf unruhigem Grund, einheitliche Größe über die gesamte Serie hinweg. Eine nichtproportionale oder dünne Schrift muss beweisen, dass sie bei 168×94 lesbar ist.
  • Zierelemente. Logo, Event-Tag und Sprechername kosten jeweils Aufmerksamkeit. Der Kanalname und Titel erscheinen bereits neben dem Thumbnail, frage also bei jedem, welchen Klick es einbringt, und sage: streichen, verkleinern oder behalten.

5. Lesbarkeit: Kann es dort gelesen werden, wo es gesehen wird?

  • Hook bei 168×94 lesbar; jeder sekundäre Text bei 320×180 lesbar oder nicht erhaltenswert.
  • Text-zu-Hintergrund-Kontrast von mindestens 4,5:1, auf beiden Feed-Hintergründen.
  • Nichts Wichtiges in der unteren rechten Ecke (etwa die letzten 22% der Breite und 16% der Höhe), wo das Dauer-Badge sitzt.
  • Text frei von Gesicht und Händen des Motivs.
  • Zeilenumbrüche. Lese die Form des Hooks auf dem Thumbnail. Jede Zeile ist eine Phrase, und die Zeilen haben ähnliche Länge. Ein einzelnes kurzes Wort allein auf einer Zeile neben einer langen Zeile („Läuft“, „Mein“) ist ein Fehler, ebenso ein Bruch in einer Phrase („Mein Telefon / Ruft an“). Zwei ausbalancierte Zeilen schlagen drei ausgefranste.
  • Die Hervorhebung. Lese nur die gelben Wörter: Nennen sie den Punkt? Der gelbe Block sitzt auf den Wörtern, die den Punkt tragen, als ganze Phrase: „Telefon ruft an“, „Krypto verlieren“, „Marketing“. Er sitzt nie auf einem Bindewort oder einer halben Phrase („Fokus, nicht“, „Pro“, „ruft an“).
  • Nutzung des Rahmens. Decke das Foto ab und betrachte den Text allein: Es gibt eine offensichtliche Stelle für einen Kopf, die Lücke zwischen dem Rahmenrand und den Textzeilen oben. Der Kopf sollte sich in der Mitte dieser Lücke befinden, so groß wie möglich mit gleichmäßigem Abstand auf beiden Seiten, und hoch im Rahmen, damit mehr vom Körper zu sehen ist. Text darf den Körper überkreuzen; er berührt niemals den Kopf. Der Text selbst ist so groß wie möglich. Überfüllt schlägt leer. Nenne jedes Thumbnail, bei dem der Kopf außermittig in seiner Lücke ist, oben angeschnitten wird, von Text berührt wird oder kleiner ist, als die Lücke erlaubt.
  • Hausfarben. Der Hintergrund hinter dem Hook ist das elektrische Blau der Marke und die Hervorhebung ist Signalgelb auf marineblauem Text: das Blau des Kanals, mit einer warmen Farbe, um das Auge zu fangen. Der Besitzer hat dies gegenüber Marineblau, Violett und reinblauen Varianten gewählt.
  • Gleichmäßig über die Serie. Auf dem Kontaktblatt sollten die Hooks in der Schriftgröße ähnlich aussehen und die Fotos in der Helligkeit ähnlich. Nenne jedes Thumbnail, dessen Text deutlich kleiner oder dessen Sprecher deutlich dunkler ist als der Rest; die Lösungen sind kürzere Zeilen und thumbnail.py --brightness.

6. Foto: Ist das Bild selbst gut genug?

Beurteile das Gesicht nach dem Zuschnitt auf Schärfe, Belichtung und Farbstich, und gib dann genau ein Urteil ab:

UrteilWann
fineScharf und gut beleuchtet in voller Größe.
upscaleGute Pose, weich durch Vergrößerung. Bevorzuge die vollauflösende Originaldatei; andernfalls --enhance, das umso weniger hat, woraus es arbeiten kann, je kleiner das Gesicht ist.
relightUnterbelichtet oder Farbstich. Belichtungs- und Weißabgleichskorrektur würde es beheben.
replaceAbgewandt, winzig, verdeckt, mitten im Blinzeln oder unter etwa 50 Pixel Höhe im Quellmaterial. Nichts, was eine Nachbearbeitung behebt.

KI kann die Auflösung erhöhen und das Licht korrigieren (thumbnail.py --enhance), niemals Folieninhalte erfinden. Sie erfindet die Details, die sie hinzufügt: Bewerte ein verbessertes Gesicht im Vergleich zum Quellfoto (ein veränderter Ausdruck, eine veränderte Augenform, ein verändertes Alter oder eine veränderte Haut ist ein Fehler); nur jemand, der den Sprecher kennt, kann die Ähnlichkeit beurteilen. Ein Ersatz muss dennoch von derselben Veranstaltung stammen.

Urteil

  • ship: Keine Dimension unter 3 und Eindruck beim ersten Blick, Motiv und Hook alle 4 oder mehr.
  • fix: Das Design oder der Hook benötigt eine Änderung, die du genannt hast.
  • redo: Foto ist replace oder das Konzept funktioniert nicht.

Ausgabe

Pro Thumbnail:

<Datei>
Auf den ersten Blick: „<Bei 168×94 gelesene Wörter>“ / <Was es zeigte> / <Wofür du das Video gehalten hast>
Augenpfad: <Erstes> -> <Zweites> -> <Drittes>
Eindruck beim ersten Blick     n/5  <Beleg>
Motiv                          n/5  <Beleg, mit Kopfhöhe %>
Hook                           n/5  <Beleg; Bezug zum Titel>
Design                         n/5  <Beleg>
Lesbarkeit                     n/5  <Beleg>
Foto                           n/5  <Urteil>: <Beleg>
Änderungen, wichtigste zuerst:
1. <Änderung> (<welche Punktzahl sie anhebt>)
2. ...
Bessere Hooks: <bis zu drei, oder „benötigt das Transkript“>
Urteil: ship | fix | redo

Nach dem letzten Thumbnail, wenn du mehr als eines bewertet hast:

Design-Überprüfung. Kiritisiere die Vorlage als Design, in dieser Reihenfolge:

  1. Was sie richtig macht, in ein oder zwei Zeilen.
  2. Element für Element (jeder Textblock, Logo, Tag, Textur, Farbfeld): keep, shrink, move oder cut, mit Begründung.
  3. Die Serie: Kannst du anhand des Kontaktblatts die Videos unterscheiden, und ist die Serie als ein Kanal erkennbar? Beides ist wichtig; identische Thumbnails verstecken die Videos gegenseitig.
  4. Ein empfohlenes Redesign, konkret genug beschrieben, um es zu bauen: wo das Motiv platziert wird und wie groß es ist, was der Text sagt und wo er steht, welche Farben wohin kommen, was entfernt wird. Dann eine kräftigere Alternative, die einen A/B-Test wert ist. YouTubes Test & Compare akzeptiert bis zu drei Thumbnails pro Video und wählt den Gewinner anhand der Sehzeit aus, benenne also, was jede Variante testen würde.

Muster. Wiederkehrende Fehler mit Zählung („Folientext konkurriert mit dem Hook: 11 von 18“), aufgeteilt in diejenigen, die die Vorlage für jedes Thumbnail beheben sollte, und diejenigen, die zu einem bestimmten Foto oder Hook gehören.

Individual skills in this repo

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

Verwandte Skills