·og-image

Générez des images d'aperçu des réseaux sociaux (Open Graph) et configurez les balises méta. Crée une page optimisée pour les captures d'écran à l'aide du système de conception existant du projet, la capture à 1 200 x 630 et configure toutes les balises méta de partage social.

23Installations·2Tendance·@dirnbauer

Installation

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

Comment installer og-image

Installez rapidement le skill IA og-image 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/dirnbauer/webconsulting-skills --skill og-image
  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 : dirnbauer/webconsulting-skills.

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.

Générez des images d'aperçu des réseaux sociaux (Open Graph) et configurez les balises méta. Crée une page optimisée pour les captures d'écran à l'aide du système de conception existant du projet, la capture à 1 200 x 630 et configure toutes les balises méta de partage social. Source : dirnbauer/webconsulting-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

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

Browse more skills from dirnbauer/webconsulting-skills

Réponses rapides

Qu'est-ce que og-image ?

Générez des images d'aperçu des réseaux sociaux (Open Graph) et configurez les balises méta. Crée une page optimisée pour les captures d'écran à l'aide du système de conception existant du projet, la capture à 1 200 x 630 et configure toutes les balises méta de partage social. Source : dirnbauer/webconsulting-skills.

Comment installer og-image ?

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/dirnbauer/webconsulting-skills --skill og-image 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/dirnbauer/webconsulting-skills