·og-image-generation
</>

og-image-generation

andrelandgraf/fullstackrecipes

Generieren Sie dynamische Social-Preview-Bilder mithilfe der Next.js-Dateikonventionen und der next/og-Bibliothek. Vom Server gerenderte JSX-Bilder, die zur Erstellungszeit zwischengespeichert werden.

68Installationen·1Trend·@andrelandgraf

Installation

$npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill og-image-generation

SKILL.md

Generate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.

Generieren Sie dynamische Social-Preview-Bilder mithilfe der Next.js-Dateikonventionen und der next/og-Bibliothek. Vom Server gerenderte JSX-Bilder, die zur Erstellungszeit zwischengespeichert werden. Quelle: andrelandgraf/fullstackrecipes.

Ö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/andrelandgraf/fullstackrecipes --skill og-image-generation Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Sicherheitszertifiziert für sicheren, zuverlässigen Code Ein-Klick-Installation und vereinfachte Einrichtung Kompatibel mit Claude Code, Cursor und mehr

Original anzeigen

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill og-image-generation
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist og-image-generation?

Generieren Sie dynamische Social-Preview-Bilder mithilfe der Next.js-Dateikonventionen und der next/og-Bibliothek. Vom Server gerenderte JSX-Bilder, die zur Erstellungszeit zwischengespeichert werden. Quelle: andrelandgraf/fullstackrecipes.

Wie installiere ich og-image-generation?

Ö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/andrelandgraf/fullstackrecipes --skill og-image-generation 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/andrelandgraf/fullstackrecipes