·og-image-creator
</>

og-image-creator

Génération d'images Smart OG qui étudie votre base de code, comprend les itinéraires et l'identité de la marque, puis crée des images Open Graph contextuellement appropriées à l'aide des composants Playwright et React. Déclencheurs : "créer des images", "générer des cartes sociales", "ajouter des images graphiques ouvertes".

5Installations·0Tendance·@chongdashu

Installation

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

Comment installer og-image-creator

Installez rapidement le skill IA og-image-creator dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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

Génération d'images Smart OG qui étudie votre base de code, comprend les itinéraires et l'identité de la marque, puis crée des images Open Graph contextuellement appropriées à l'aide des composants Playwright et React. Déclencheurs : "créer des images", "générer des cartes sociales", "ajouter des images graphiques ouvertes". Source : chongdashu/cc-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-11

Browse more skills from chongdashu/cc-skills

Réponses rapides

Qu'est-ce que og-image-creator ?

Génération d'images Smart OG qui étudie votre base de code, comprend les itinéraires et l'identité de la marque, puis crée des images Open Graph contextuellement appropriées à l'aide des composants Playwright et React. Déclencheurs : "créer des images", "générer des cartes sociales", "ajouter des images graphiques ouvertes". Source : chongdashu/cc-skills.

Comment installer og-image-creator ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/chongdashu/cc-skills --skill og-image-creator Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/chongdashu/cc-skills

Détails

Catégorie
</>Développement
Source
skills.sh
Première apparition
2026-02-25