·og-image-creator
</>

og-image-creator

Intelligente OG-Bildgenerierung, die Ihre Codebasis untersucht, Routen und Markenidentität versteht und dann mithilfe von Playwright- und React-Komponenten kontextbezogene Open Graph-Bilder erstellt. Auslöser: „Bilder erstellen“, „Sozialkarten erstellen“, „Bilder mit offenen Diagrammen hinzufügen“.

5Installationen·1Trend·@chongdashu

Installation

$npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator

So installieren Sie og-image-creator

Installieren Sie den KI-Skill og-image-creator 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/chongdashu/cc-skills --skill og-image-creator
  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: chongdashu/cc-skills.

Generate authentic, brand-aligned Open Graph images by understanding your codebase first, then creating contextually appropriate images for each route using Playwright and your existing components.

Dynamic OG images: Consider Next.js OG Image Generation (@vercel/og) for dynamic content, but use static generation for brand consistency.

❌ Generic templates: Don't use stock social card templates that ignore the site's brand

Intelligente OG-Bildgenerierung, die Ihre Codebasis untersucht, Routen und Markenidentität versteht und dann mithilfe von Playwright- und React-Komponenten kontextbezogene Open Graph-Bilder erstellt. Auslöser: „Bilder erstellen“, „Sozialkarten erstellen“, „Bilder mit offenen Diagrammen hinzufügen“. Quelle: chongdashu/cc-skills.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10

Browse more skills from chongdashu/cc-skills

Schnelle Antworten

Was ist og-image-creator?

Intelligente OG-Bildgenerierung, die Ihre Codebasis untersucht, Routen und Markenidentität versteht und dann mithilfe von Playwright- und React-Komponenten kontextbezogene Open Graph-Bilder erstellt. Auslöser: „Bilder erstellen“, „Sozialkarten erstellen“, „Bilder mit offenen Diagrammen hinzufügen“. Quelle: chongdashu/cc-skills.

Wie installiere ich og-image-creator?

Ö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/chongdashu/cc-skills --skill og-image-creator 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/chongdashu/cc-skills

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-02-25