·og-images
</>

og-images

richtabor/agent-skills

Leitet die Erstellung von OpenGraph- und Twitter-Share-Bildern mit next/og ImageResponse. Behandelt Layoutmuster, benutzerdefinierte Schriftarten, Avatare, Groß- und Kleinschreibung von Titeln und Satori-Regeln. Zum Erstellen von OG-Bildern, Twitter-Karten oder Social-Previews.

6Installationen·0Trend·@richtabor

Installation

$npx skills add https://github.com/richtabor/agent-skills --skill og-images

SKILL.md

Generate dynamic OpenGraph (1200x630) and Twitter (1200x600) images using next/og ImageResponse.

| opengraph-image.tsx | Facebook, LinkedIn, iMessage | 1200x630 | | twitter-image.tsx | Twitter/X cards | 1200x600 | | app/api/og/route.tsx | Dynamic API route | 1200x630 |

Place file-based routes in the relevant route directory (e.g., app/about/opengraph-image.tsx for /about).

Leitet die Erstellung von OpenGraph- und Twitter-Share-Bildern mit next/og ImageResponse. Behandelt Layoutmuster, benutzerdefinierte Schriftarten, Avatare, Groß- und Kleinschreibung von Titeln und Satori-Regeln. Zum Erstellen von OG-Bildern, Twitter-Karten oder Social-Previews. Quelle: richtabor/agent-skills.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/richtabor/agent-skills --skill og-images
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist og-images?

Leitet die Erstellung von OpenGraph- und Twitter-Share-Bildern mit next/og ImageResponse. Behandelt Layoutmuster, benutzerdefinierte Schriftarten, Avatare, Groß- und Kleinschreibung von Titeln und Satori-Regeln. Zum Erstellen von OG-Bildern, Twitter-Karten oder Social-Previews. Quelle: richtabor/agent-skills.

Wie installiere ich og-images?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/richtabor/agent-skills --skill og-images Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/richtabor/agent-skills