·og-image
</>

og-image

Generieren Sie Vorschaubilder für soziale Medien (Open Graph) und konfigurieren Sie Meta-Tags. Erstellt eine für Screenshots optimierte Seite unter Verwendung des vorhandenen Designsystems des Projekts, erfasst sie mit 1200 x 630 und richtet alle Social-Sharing-Meta-Tags ein.

107Installationen·5Trend·@stevysmith

Installation

$npx skills add https://github.com/stevysmith/og-image-skill --skill og-image

So installieren Sie og-image

Installieren Sie den KI-Skill og-image schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/stevysmith/og-image-skill --skill og-image
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: stevysmith/og-image-skill.

This skill creates professional Open Graph images for social media sharing. It analyzes the existing codebase to match the project's design system, generates a dedicated OG image page, screenshots it, and configures all necessary meta tags.

Create a dedicated route at /og-image (or equivalent for the framework):

Audit and update the project's meta tag configuration. For Next.js App Router, update layout.tsx. For other frameworks, update the appropriate location.

Generieren Sie Vorschaubilder für soziale Medien (Open Graph) und konfigurieren Sie Meta-Tags. Erstellt eine für Screenshots optimierte Seite unter Verwendung des vorhandenen Designsystems des Projekts, erfasst sie mit 1200 x 630 und richtet alle Social-Sharing-Meta-Tags ein. Quelle: stevysmith/og-image-skill.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/stevysmith/og-image-skill --skill og-image
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-03-06
Aktualisiert
2026-03-10

Browse more skills from stevysmith/og-image-skill

Schnelle Antworten

Was ist og-image?

Generieren Sie Vorschaubilder für soziale Medien (Open Graph) und konfigurieren Sie Meta-Tags. Erstellt eine für Screenshots optimierte Seite unter Verwendung des vorhandenen Designsystems des Projekts, erfasst sie mit 1200 x 630 und richtet alle Social-Sharing-Meta-Tags ein. Quelle: stevysmith/og-image-skill.

Wie installiere ich og-image?

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

Wo ist das Quell-Repository?

https://github.com/stevysmith/og-image-skill

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-03-06

Verwandte Skills

Keine