Für Content Creator
OG-Bild-Generator-Skills für AI-Agents
Installiere einen Skill, gib deinem Agent einen Seitentitel und eine kurze Headline und erhalte ein Share-Bild in einem von 49 Stilen. Bei jeder Veröffentlichung derselbe Look.
Funktioniert in
und 30+ weitere Agents
und 30+ weitere AgentsOG-Bild-Beispiele nach Stil
Jede Karte ist ein echtes Bild, das der Skill erstellt hat. Öffne eine, um das komplette Set, die Eingaben und die Voraussetzungen zu sehen.
Kurze Antwort
Was ist ein Open-Graph-Bild?
Ein Open-Graph-Bild (OG) ist das Bild, das erscheint, wenn ein Link auf X, LinkedIn, Slack oder iMessage geteilt wird. Die Seite benennt es in einem og:image-Meta-Tag. Ohne dieses Bild zeigt die Vorschau nur einen nackten Link oder einen zufälligen Ausschnitt.
Post
Skillry@skillrydev · 2h
Neuer Guide: Gib jeder Seite, die du teilst, eine richtige Link-Vorschau. skillry.dev/learn
Practical skills, ready when you areVon skillry.dev
Dieses Bild ist das OG-Bild124832618K
Dana Ortiz@danaships · 1h
@skillrydev Mache ich als Nächstes für meinen Blog. Genau diese Vorschau hat mich beim Scrollen gestoppt.
19640
<meta property="og:image">- Empfohlene Größe
- 1200 × 630 px (1.91:1)
- Was diese Skills liefern
- Ein 16:9-Bild pro Durchlauf, etwa 1200 × 675
- Passt zu 1.91:1-Vorschauen?
- Ja, mit leichtem Beschnitt oben und unten
- Du lieferst
- Marken- oder Projektname, eine kurze Headline, Seitenkontext
- Text im Bild
- Eine kurze Headline; langer Text wird nicht unterstützt
- Laufende Kosten
- Kostenpflichtige Bildgenerierung über dein eigenes FAL-Konto
Generiere ein Social-Share-Bild aus deinem Titel
Drei Schritte in Claude Code, Codex oder jedem Agent, der SKILL.md liest.
1Skill installieren
Kopiere den Installations-Prompt auf der Skill-Seite und füge ihn in deinen Agent ein.
2Gib ihm deinen Titel
Benenne die Seite, schreibe eine kurze Headline und sag, für wen sie ist.
3Prüfen und veröffentlichen
Prüfe das Bild, halte die Headline in Thumbnail-Größe lesbar und setze es dann als
og:image.
Warum nicht einfach deine AI nach einem OG-Bild fragen?
Direkt fragen liefert dir ein Ergebnis. Ein Skill ergänzt das, was es zuverlässig und wiederholbar macht.
Deine AI direkt fragenMit diesem Skill
AusgangspunktDeine AI direkt fragen: Du beschreibst jedes Mal einen Stil von Grund aufEin festes visuelles Rezept für einen Stil, schon beim ersten Durchlauf startklar
HeadlineDeine AI direkt fragen: Text kommt oft verstümmelt oder zu lang herausEine kurze Headline mit festem Layout und klarer Hierarchie
KonsistenzDeine AI direkt fragen: Jede Seite bekommt einen leicht anderen LookDerselbe Stil auf jeder Seite, die du veröffentlichst
LieferungDeine AI direkt fragen: Ein einmaliges Bild im ChatEine gespeicherte Bilddatei und ein Prompt, den du erneut ausführen kannst
FAQ zum OG-Bild-Generator
Was diese Skills nicht tun
- Sie prüfen oder testen deine bestehenden
og:image-Tags nicht. - Sie schreiben die Meta-Tags nicht für dich in deine Website.
- Sie eignen sich nicht für lange Texte oder komplexe Diagramme im Bild.
Wie groß sollte ein OG-Bild sein?
Nutze 1200 × 630 px (Verhältnis 1.91:1) für die breiteste Unterstützung. Diese Skills liefern 16:9-Bilder, die die meisten Plattformen oben und unten leicht beschneiden, also halte die Headline von den Rändern fern.
Gibt es kostenlose OG-Bild-Skills?
Ja. Die OG-Skills Notion Style und Linktree Style sind kostenlos installierbar. Wie die kostenpflichtigen rufen sie die Bildgenerierung über dein eigenes FAL-Konto auf, das von FAL abgerechnet wird.
Kann ich mein Logo hinzufügen?
Gib dem Agent deinen Marken- oder Projektnamen und beschreibe die Logoplatzierung. Für eine exakte Logodatei setze sie im Editor auf das fertige Bild; die Skills versprechen keine pixelgenaue Logo-Darstellung.
Welche Agents können diese Skills ausführen?
Jeder Agent, der SKILL.md-Ordner liest, darunter Claude Code, Codex, Cursor und Gemini CLI. Für das mitgelieferte Generierungsskript brauchst du Node.js 20 oder neuer.
Weitere Aufgaben für Content Creator
Jede Aufgabe hat eigene Skills, echte Beispiele und eine FAQ.
Blog-CoverbilderEin Aufmacherbild, das die Kernaussage trägt
ZitatgrafikenEine Idee, eine quadratische Karte
ArtikelillustrationenEine Idee aus deinem Artikel, gezeichnet
One-Page-WebsitesEine ganze Produktwebsite in einer HTML-Datei