101-skills/superpowers

Belt-CLI-Skill installieren: npx skills add belt-sh/cli

YouTube-Thumbnail-Design

Erstellen Sie YouTube-Thumbnails mit hoher Klickrate (CTR) durch KI-Bildgenerierung über die inference.sh-CLI.

Schnellstart

Erfordert die inference.sh-CLI (belt). Installationsanleitung

belt login

# Generieren Sie ein Thumbnail
belt app run falai/flux-dev-lora --input '{
  "prompt": "YouTube thumbnail style, close-up of a person with surprised excited expression looking at a glowing laptop screen, vibrant blue and orange color scheme, dramatic studio lighting, shallow depth of field, high contrast, cinematic",
  "width": 1280,
  "height": 720
}'

Spezifikationen

Spezifikation	Wert
Abmessungen	1280 x 720 px (minimal)
Empfohlen	1920 x 1080 px
Seitenverhältnis	16:9
Maximale Dateigröße	2 MB
Formate	JPG, GIF, PNG

Der 120-Pixel-Test

Ihr Thumbnail wird auf mobilen Geräten mit einer Breite von etwa 120px dargestellt – so sehen es die meisten Zuschauer zuerst.

Bei 120px müssen die Zuschauer Folgendes erkennen können:

1. Die Stimmung/Emotion (anhand von Farben und Ausdruck)
2. Das allgemeine Motiv (anhand der Komposition)
3. Den Text (falls vorhanden – nur wenn groß genug)

Test: Betrachten Sie Ihr Thumbnail bei 120px Breite. Wenn es ein matschiger Fleck ist, überarbeiten Sie es.

Sicherheitszonen

┌─────────────────────────────────────────────┐
│                                             │
│   ✅ SICHER FÜR TEXT UND SCHLÜSSELELEMENTE   │
│                                             │
│                                             │
│                                             │
│                                             │
│                                       ┌───┐ │
│                                       │ ⏱ │ │ ← Zeitstempel-Overlay
│                              ┌────────┴───┘ │    (unten rechts)
│   ┌────┐                     │  DAUER      │
│   │ CH │ Kapitelmarker       └──────────────│
└───┴────┴────────────────────────────────────┘
     ↑ Unten links: Kapitel-/Fortschrittsmarker

Vermeiden Sie die Platzierung kritischer Elemente in:

• Der unteren rechten Ecke (Video-Zeitstempel)
• Der unteren linken Ecke (Kapitelmarker, Fortschrittsbalken)
• Den äußersten Rändern (Beschneidung variiert je nach Gerät)

Farbstrategie

Hochkontrast-Paare, die funktionieren

Kombination	Stimmung	Am besten geeignet für
Gelb + Schwarz	Dringlichkeit, Aufmerksamkeit	Technik, Business, Listen
Rot + Weiß	Energie, Aufregung	Unterhaltung, Reaktionen
Blau + Orange	Professioneller Kontrast	Bildung, Tutorials
Grün + Weiß	Wachstum, Geld	Finanzen, Erfolgsgeschichten
Lila + Gelb	Hochwertig, kreativ	Design, Kunst, Kreativität
Weiß + Dunkel	Sauber, minimalistisch	Luxus, minimalistische Kanäle

Farbregeln

• Hintergrund und Text/Motiv sollten komplementär oder kontrastreich sein
• Vermeiden Sie, dass gleichfarbige Temperaturen aneinandergrenzen (Rot auf Orange = Matsch)
• Verwenden Sie maximal 3 Farben pro Thumbnail
• Sättigen Sie stärker als im echten Leben – Thumbnails konkurrieren mit hellen UI-Elementen

Text auf Thumbnails

Wann Text verwendet werden sollte

• Listen/Zahlen: "7 Tipps", "Top 10"
• Starke Meinungen: "HÖR AUF DAMIT"
• Ergebnisse: "10.000 € in 30 Tagen"
• Vergleiche: "vs" zwischen zwei Dingen

Wann KEIN Text verwendet werden sollte

• Der Videotitel sagt es bereits (redundant)
• Die Emotion/Darstellung erzählt die Geschichte
• Sie können ihn nicht groß genug machen, um ihn bei 120px lesen zu können

Textregeln

Regel	Grund
Maximal 6 Wörter	Lesbarkeit in Thumbnail-Größe
Mindestens 60pt Äquivalent	Muss bei 120px Breite lesbar sein
Fette serifenlose Schrift	Dünne Schriften verschwinden bei kleinen Größen
Kontrastierender Strich/Schatten	Stellt Lesbarkeit auf jedem Hintergrund sicher
Kein kleiner Text	Wenn es nicht klein lesbar ist, streichen Sie es

Psychologie der Gesichtsausdrücke

Thumbnails mit Gesichtern erzielen eine höhere CTR als Thumbnails ohne Gesichter. Der Ausdruck ist entscheidend:

Ausdruck	CTR-Auswirkung	Am besten geeignet für
Überraschung/Schock	Am höchsten	Reaktion, Enthüllung, Entdeckungsinhalte
Neugier	Hoch	Tutorial, How-to, Tipps
Aufregung	Hoch	Unboxing, Rezensionen, Ankündigungen
Besorgnis/Sorge	Mittel-hoch	Warnung, Fehler, Problem-Inhalte
Selbstvertrauen	Mittel	Expertenratschläge, Autoritätsinhalte
Neutral	Niedrigste	Vermeiden, es sei denn, Ihre Marke ist minimalistisch

Regeln für die Gesichtskomposition

• Das Gesicht sollte 30-50% des Thumbnails ausfüllen
• Die Augen sollten in Richtung des Textes oder des Motivs schauen (lenkt die Aufmerksamkeit des Betrachters)
• Augen in die Kamera = Verbindung. Augen auf ein Objekt = Neugier.
• Platzieren Sie das Gesicht auf einer Seite (normalerweise links), den Text oder das Motiv auf der anderen

# Generieren Sie ein frontales Thumbnail
belt app run falai/flux-dev-lora --input '{
  "prompt": "close-up portrait of a man with genuinely surprised expression, mouth slightly open, raised eyebrows, looking at camera, left side of frame, vibrant teal background, dramatic rim lighting, YouTube thumbnail style, high contrast, cinematic",
  "width": 1280,
  "height": 720
}'

# Generieren Sie ein Thumbnail mit einem auf das Motiv blickenden Gesicht
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "person looking amazed at a glowing holographic chart showing upward growth, dramatic blue and green lighting, right side profile view, dark background, tech aesthetic, high energy",
  "size": "2K"
}'

Thumbnail-Muster nach Inhaltstyp

Tutorial / How-To

belt app run falai/flux-dev-lora --input '{
  "prompt": "overhead flat lay of organized workspace with laptop showing code editor, colorful sticky notes, coffee cup, clean bright background, professional setup, tutorial style composition, warm lighting",
  "width": 1280,
  "height": 720
}'

Vorher/Nachher

belt app run falai/flux-dev-lora --input '{
  "prompt": "split composition, left side dark and messy disorganized desk, right side bright clean organized minimalist workspace, dramatic contrast between chaos and order, clear dividing line in center, high contrast",
  "width": 1280,
  "height": 720
}'

Produktrezension / Vergleich

belt app run falai/flux-dev-lora --input '{
  "prompt": "two products facing each other with dramatic lighting and sparks between them, competition battle concept, dark background with colorful rim lighting, versus comparison style, high energy, product photography",
  "width": 1280,
  "height": 720
}'

Auflistung / Nummer

belt app run falai/flux-dev-lora --input '{
  "prompt": "dynamic arrangement of 7 different colorful objects floating in space against dark gradient background, each item distinct and clearly separated, energetic composition, vibrant saturated colors, studio lighting",
  "width": 1280,
  "height": 720
}'

A/B-Testing

Testen Sie jeweils eine Variable:

Variable	Test A vs B
Gesicht vs. kein Gesicht	Gleiche Komposition, mit/ohne Person
Ausdruck	Überraschung vs. Neugier
Farbschema	Warme vs. kühle Palette
Text vs. kein Text	Mit/ohne Text-Overlay
Hintergrund	Hell vs. dunkel
Komposition	Linksgerichtetes vs. rechtsgerichtetes Motiv

# Variante A generieren
belt app run falai/flux-dev-lora --input '{
  "prompt": "..., bright yellow background, ...",
  "width": 1280, "height": 720
}' --no-wait

# Variante B generieren (gleicher Prompt, anderer Hintergrund)
bel app run falai/flux-dev-lora --input '{
  "prompt": "..., dark navy background, ...",
  "width": 1280, "height": 720
}' --no-wait

Thumbnail-Checkliste

• Mindestens 1280x720 (1920x1080 bevorzugt)
• Unter 2 MB Dateigröße
• Besteht den 120-Pixel-Test
• Keine kritischen Elemente unten rechts (Zeitstempel) oder unten links (Kapitel)
• Maximal 3 Farben, hoher Kontrast
• Text (falls vorhanden) maximal 6 Wörter, fett, mit Kontraststrich
• Gesichtsausdruck entspricht der Energie des Inhalts (falls zutreffend)
• Dupliziert nicht den Videotitel
• Hebt sich von umgebenden Thumbnails ab (prüfen Sie Ihre Nische)
• Funktioniert sowohl auf hellem als auch auf dunklem YouTube-Hintergrund

Häufige Fehler

Fehler	Problem	Lösung
Zu viel Text	In Thumbnail-Größe nicht lesbar	Maximal 6 Wörter oder kein Text
Geringer Kontrast	Verschwindet im Feed	Komplementärfarben verwenden
Überladene Komposition	Das Auge weiß nicht, wo es hinschauen soll	Ein Brennpunkt
Generischer Stockfoto-Look	Keine Persönlichkeit, wird übersprungen	Authentische Ausdrücke, einzigartige Perspektiven
Winzige Details	Gehen bei 120px verloren	Fette, einfache Formen
Immer gleicher Stil	Betrachterermüdung	Innerhalb der Markenrichtlinien variieren
Irreführendes Thumbnail	Tötet Vertrauen, schadet der Bindung	Dem tatsächlichen Inhalt entsprechen

Verwandte Fähigkeiten

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@image-upscaling
npx skills add inference-sh/skills@prompt-engineering

Alle Apps durchsuchen: belt app list