Communitygithub.com

thumbnail-design

Entwirft das Konzept, den Text und das Briefing für YouTube-Thumbnails und plant A/B-Tests – ganz nach dem Prinzip ‚Versprechen, kein Poster‘.

Was ist thumbnail-design?

Diese Skill-Anleitung (SKILL.md) befähigt einen KI-Agenten, hochwirksame YouTube-Thumbnails zu entwerfen, die als Einheit mit dem Titel ein klares Versprechen abgeben – kein reines Poster. Sie basiert auf dem CLICK-Framework: Klärung des Versprechens, Fokussierung auf ein zentrales Element, echte Emotion, starke Kontraste und kurzer Text sowie kontinuierliches Testen. Der Agent erstellt das Briefing, entwirft das Konzept und plant einen nativen A/B-Test (Test & Compare) – die finale Bilddatei wird jedoch von einem Menschen oder einem Bildtool (z. B. nano-banana, Ideogram) erstellt und hochgeladen. Die Skill arbeitet eng mit anderen Skills wie `youtube-publishing-and-metadata`, `nano-banana` und `brand-profile` zusammen und stellt sicher, dass Thumbnails mobil optimiert, clickbaitsicher und markenkonsistent sind.

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

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht thumbnail-design?

Ein Design-Craft-Skill – schreibe das Versprechen, gestalte das Konzept + den Text, erstelle das Briefing und plane den A/B-Test. Der Agent entwirft + briefed + plant; ein Mensch oder Bildtool erstellt das Raster; das YouTube-Thumbnail wird nativ hochgeladen + getestet (kein WoopSocial-Feld).

Der Standpunkt: ein Versprechen, kein Poster – gestaltet als Einheit mit dem Titel

Ein Thumbnail treibt ~70–80 % der Klickentscheidungen und der Zuschauer entscheidet in unter einer Sekunde – seine Aufgabe ist der Klick, der zu einer Wiedergabe führt. Zwei Regeln verankern alles: das Thumbnail + der Titel sind eine Einheit (das Thumbnail zeigt, der Titel sagt – sie wiederholen sich nie), und es ist ein Versprechen, kein Poster. Diese zweite Regel wird von der Plattform durchgesetzt: YouTubes nativer A/B-Test wählt den Gewinner nach Watch-Time-Anteil, nicht nach roher CTR, daher verliert ein irreführendes, klickstarkes Thumbnail gegen ein ehrliches. Gestalte für mobile first – die meisten Aufrufe erfolgen auf dem Handy, wo Einfachheit und Kontrast gewinnen.

Lies zuerst diese

  1. brand-profile – Kanalstil/-vorlage (für Konsistenz).
  2. das Video und seinen Titel (oft aus youtube-publishing-and-metadata/youtube-long-form/ youtube-shorts).

Das Framework: CLICK

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

  • C – Kläre das Versprechen: Ein-Satz-Versprechen; Thumbnail + Titel als Einheit (zeigen vs. sagen, nie wiederholen); Versprechen, kein Poster.
  • L – Leite mit einem zentralen Element: Ein/zwei Heldenelemente, minimaler Hintergrund, in <1s erfassbar; ein richtungsweisendes Element.
  • I – Rufe echte Emotion hervor: Ausdrucksstarkes, echtes Gesicht + Blickrichtung, wenn es Kontext hinzufügt (sonst weglassen); der Ausdruck passt zum Inhalt.
  • C – Kontrast + präziser Text: Komplementärer, hoher Kontrast (YouTube-Rot/Weiß vermeiden, 60-30-10, S/W-Test, hell+dunkel); 0–4 fette serifenlose Wörter + Umrandung, keine Titelwiederholung; mobil lesbar bei ~168×94; sichere Zonen; 1280×720, 16:9.
  • K – Teste kontinuierlich: 3 bedeutungsvoll unterschiedliche Konzepte, eine Variable; nativem Test & Compare (wählt nach Watch-Time-Anteil, nicht für Shorts, benötigt Traffic); ein Mensch lädt es hoch und führt es aus; führe ein Logbuch; markenkonsistente Vorlage.

Die Realität (vierteljährlich prüfen)

Versprechen-statt-Poster + Thumbnail+Titel-als-Einheit + Watch-Time-A/B bestraft Clickbait; die drei Prinzipien (Einfachheit/Kontrast/Emotion); Gesichter (+20–30 %, echt, Blickrichtung, unbekanntes Gesicht kann schaden); Kontrast/Farbe (komplementär, YT-Rot/Weiß vermeiden, 60-30-10, S/W-Test); Text (0–4 Wörter, fett serifenlos, keine Titelwiederholung); mobil first + sichere Zonen + Spezifikationen (1280×720; 50-MB-Grenze seit Anfang 2026); Markenkonsistenz; nativer Test & Compare (Watch-Time-Anteil-Gewinner, testet auch Titel/Kombos, nicht Shorts, trafficabhängig): references/thumbnail-2026-reality.md. Die Versprechensvorlage, die Design-Checkliste, der Spezifikationsblock, der A/B-Plan + Beispiele: references/design-and-test-recipes.md.

Ehrlicher Umfang (niemals verletzen)

  • Der Agent schreibt das Versprechen/Konzept/Text/Briefing und kann ein Mockup kritisieren – aber ein MENSCH oder Bildtool (nano-banana/ideogram/Canva/ein Designer) erstellt das finale Raster.
  • Das benutzerdefinierte YouTube-Thumbnail wird NATIV in Studio hochgeladen – WoopSocial hat kein Thumbnail-Feld – und Test & Compare ist nativ (ein Mensch lädt es hoch + führt es aus). TikTok-/IG-Reel-Cover sind anders: diese verwenden WoopSocials cover-Feld via tiktok-video-publishing/dem IG-Skill.
  • Kein Clickbait (das Thumbnail muss das Versprechen halten – der Watch-Time-Test bestraft Täuschung); keine nicht eingewilligten echten Personen-/Deepfake-Gesichter; niemals eine CTR erfinden (nur echtes Testen/native Analysen). (Umfang, Abgrenzungen + Verbindungen: references/scope-and-connections.md.)

Abgrenzung zu verwandten Skills (richtig weiterleiten)

thumbnail-design (dieser) = das Thumbnail-Design-Handwerk + Briefing + A/B-Plan · youtube-publishing-and-metadata = die Titel-/Beschreibung/Tags-Metadaten (verweist HIER auf das Thumbnail) · nano-banana/ideogram = generiere das Raster, das dieses Briefing vorgibt · tiktok-video-publishing = das TikTok cover-Feld · hook-writer/caption-writer = Textzeilen.

Wo dieser Skill anknüpft

Liest zuerst: brand-profile + das Video/Titel (youtube-publishing-and-metadata/youtube-long-form/youtube-shorts). Kombiniert mit: nano-banana/ideogram (Briefing rendern), hook-writer (die Thumbnail-Wörter), youtube-publishing-and-metadata (Titel als Einheit mit dem Thumbnail), experimentation (A/B-Disziplin), competitor-analysis (Vorschau gegen Ranking-Thumbnails). Übergibt an: einen Menschen zum Rendern + natives Hochladen des YouTube-Thumbnails + Ausführen von Test & Compare; analytics-and-reporting liest CTR/Watch-Time zurück. Das Raster, der native Upload und der native A/B-Test bleiben außerhalb von WoopSocial.

Definition von „erledigt“

Ein Ein-Satz-Versprechen geschrieben und das Thumbnail als Einheit mit dem Titel gestaltet (zeigen vs. sagen, keine Wiederholung); ein zentrales Element mit minimalem Hintergrund; ein echtes Gesicht + Blickrichtung, wo es Kontext hinzufügt (oder gar keins); hoher Kontrast (komplementär, nicht YouTube-Rot/Weiß, 60-30-10, besteht den S/W-Test) lesbar in hell und dunkel; 0–4 fette Wörter mit Umrandung, die den Titel nicht duplizieren; mobil lesbar bei ~168×94 mit sicheren Zonen und 1280×720-Spezifikationen; ein A/B-Plan mit 3 bedeutungsvoll unterschiedlichen Konzepten, die eine Variable ändern, nativ nach Watch-Time-Anteil bewertet; das Raster einem Bildtool/Designer überlassen und den YouTube-Upload + Test dem nativen Studio; kein Clickbait, keine nicht eingewilligten Gesichter, keine erfundene CTR; korrekt abgegrenzt von youtube-publishing-and-metadata und nano-banana/ideogram.

Individual skills in this repo

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

Verwandte Skills