CommunityBildgithub.com

creator-thumbnail

Erstelle klickstarke YouTube-Thumbnails und vertikale Cover (Shorts, Reels, TikTok) mit dem verfügbaren Bildanbieter, inklusive lokaler, gestochen scharfer Headline-Überlagerung.

Was ist creator-thumbnail?

Dieses Skill erstellt professionelle YouTube-Thumbnails und vertikale Cover für Shorts, Reels oder TikTok. Es plant das Konzept basierend auf Titel/Thema mit einer klaren Versprechen-Aussage, einem starken Fokusmotiv (Gesicht/Objekt) und einer prägnanten Headline (max. 4 Wörter). Der Bildgenerierungsschritt (–ref für Referenzbilder) reserviert Platz für die Headline (linkes Drittel), die anschließend lokal mit dem Skript `scripts/media.py text` überlagert wird – unter Verwendung von Markenschriftarten/Farben aus der Konfiguration. Es produziert 2–3 Varianten mit unterschiedlicher Stimmung, Farbe oder Komposition und prüft die Lesbarkeit nach einer Verkleinerung auf 320 Pixel. Die Ausgabe erfolgt in 16:9 oder 9:16, mindestens 1280×720 und unter 2 MB. Plattformen: YouTube, Shorts, Reels, TikTok, Podcast-Cover. Nützlich für alle, die schnell hochwertige, konsistente Thumbnails mit minimalem Aufwand benötigen.

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

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

Creator Thumbnail

Schritt 1 — Konzept (vor dem Generieren)

Aus Titel/Thema schreibe ein Konzept in drei Zeilen und bestätige nur, wenn der Nutzer scheinbar Wert auf die Richtung legt; ansonsten fahre fort:

  • Versprechen — die einzelne Idee, die der Zuschauer in 1 Sekunde verstehen muss (wahrheitsgemäß zum Video).
  • Fokusmotiv — ein Gesicht/Objekt, groß, hoher Kontrast. Gesichter: starke, ehrliche Emotion.
  • Headline — 0–4 Wörter, die den Titel ergänzen, nie wiederholen. Optional.

Regeln in references/thumbnail-rules.md (Komposition, Kontrast, Text, Ehrlichkeit).

Schritt 2 — Generiere das Bild (ohne Text)

  • Seitenverhältnis 16:9 (YouTube) oder 9:16 (vertikales Cover). Größe 2k, falls der Anbieter es erlaubt.
  • Platz für die Headline reservieren: großzügiger Leerraum im linken Drittel für eine Headline.
  • Gesicht/Logo/Produkt des Nutzers → Fotos mit --ref übergeben und angeben, wofür jedes ist.
  • Keinen Text im Bild anfordern; die Headline kommt in Schritt 3.
python3 scripts/creator.py image --prompt "<art prompt>" --ratio 16:9 --size 2k --out ./out/thumb-a.png [--ref face.jpg]

Erstelle 2–3 Varianten, die sich in einem großen Aspekt unterscheiden (Emotion, Farbe oder Komposition), nicht in kleinen Anpassungen. Fixiere den Anbieter nach dem ersten Erfolg.

Schritt 3 — Headline

python3 scripts/media.py text --image ./out/thumb-a.png --out ./out/thumb-a-final.png --text "ZWEI
ZEILEN" --pos center --align left --size 0.16 [--box "[email protected]"] [--font <brand heading font>]

Setze den Text in den in Schritt 2 reservierten Platz (--align left für linkes Drittel) und niemals über dem Gesicht/Subjekt. Verwende die Markenschriftart/-farben aus der Konfiguration brand, falls vorhanden. Maximal ~4 Wörter; bei breitem Text mit \n in zwei kurze Zeilen aufteilen.

Schritt 4 — Prüfung

  1. Vorschau verkleinern: ffmpeg -y -i final.png -vf scale=320:-1 small.png, dann ansehen – Subjekt und Wörter müssen in dieser Größe lesbar sein.
  2. Überprüfe, ob die untere rechte Ecke (YouTube-Zeitstempel bedeckt sie) frei von wichtigem Inhalt ist.
  3. Präsentiere Varianten nebeneinander mit je einer Zeile zum Unterschied; empfehle eine.

Regeln

  • Wahrheitsgemäß: keine gefälschten Zitate, gefälschten Screenshots oder implizierten Ereignisse, die nicht im Video vorkommen.
  • Keine echten Personen, die nicht der Nutzer sind, ohne deren Einwilligung in das Thumbnail setzen.
  • Mindestens 1280×720 für YouTube; unter 2 MB (ffmpeg -i in.png -q:v 3 out.jpg falls nötig).

Referenzen

  • references/thumbnail-rules.md — Komposition, Text, Farbe, Beispiele
  • references/image-prompting.md, references/media-ops.md, references/providers.md

Individual skills in this repo

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

Verwandte Skills