Pour les créateurs de contenu
Skills générateurs d’images OG pour agents IA
Installez un Skill, donnez à votre agent le titre d’une page et un court titre d’accroche, et obtenez une image de partage dans l’un des 49 styles. Le même rendu à chaque publication.
Fonctionne dans
et plus de 30 autres agents
et plus de 30 autres agentsExemples d’images OG par style
Chaque carte est une vraie image créée par le Skill. Ouvrez-en une pour voir la série complète, les entrées et ce qu’il faut pour la lancer.
Réponse rapide
Qu’est-ce qu’une image Open Graph ?
Une image Open Graph (OG) est l’image qui s’affiche quand un lien est partagé sur X, LinkedIn, Slack ou iMessage. La page la déclare dans une balise meta og:image. Sans elle, le partage affiche un lien nu ou un recadrage aléatoire.
Post
Skillry@skillrydev · 2h
Nouveau guide : donnez un vrai aperçu de lien à chaque page que vous partagez. skillry.dev/learn
Practical skills, ready when you areDe skillry.dev
Cette image est l’image OG124832618K
Dana Ortiz@danaships · 1h
@skillrydev Je fais pareil sur mon blog. C’est l’aperçu qui m’a fait arrêter de défiler.
19640
<meta property="og:image">- Taille recommandée
- 1200 × 630 px (1.91:1)
- Ce que produisent ces Skills
- Une image 16:9 par essai, par exemple 1200 × 675
- Adapté aux aperçus 1.91:1 ?
- Oui, avec un léger recadrage en haut et en bas
- Ce que vous fournissez
- Nom de la marque ou du projet, un titre court, le contexte de la page
- Texte dans l’image
- Un court titre ; les textes longs ne sont pas pris en charge
- Coût d’utilisation
- Génération d’images payante sur votre propre compte FAL
Générez une image de partage social à partir de votre titre
Trois étapes dans Claude Code, Codex ou tout agent qui lit SKILL.md.
1Installez le Skill
Copiez le prompt d’installation sur la page du Skill et collez-le dans votre agent.
2Donnez-lui votre titre
Nommez la page, écrivez un court titre et précisez à qui elle s’adresse.
3Vérifiez et publiez
Vérifiez l’image, gardez le titre lisible en vignette, puis définissez-la comme
og:image.
Pourquoi ne pas simplement demander une image OG à votre IA ?
Demander directement vous donne un résultat. Un Skill ajoute ce qui le rend fiable et reproductible.
Demander à votre IAAvec ce Skill
Point de départDemander à votre IA: Vous décrivez un style de zéro à chaque foisUne recette visuelle fixe pour un style, prête dès le premier essai
TitreDemander à votre IA: Le texte sort souvent illisible ou trop longUn court titre avec une mise en page et une hiérarchie définies
CohérenceDemander à votre IA: Chaque page a un rendu légèrement différentLe même style sur chaque page publiée
LivraisonDemander à votre IA: Une image ponctuelle dans le chatUn fichier image enregistré et un prompt réutilisable
FAQ générateur d’images OG
Ce que ces Skills ne font pas
- Ils ne vérifient ni ne testent vos balises
og:imageexistantes. - Ils n’écrivent pas les balises meta dans votre site à votre place.
- Ils ne conviennent pas aux textes longs ni aux graphiques complexes dans l’image.
Quelle taille pour une image OG ?
Utilisez 1200 × 630 px (ratio 1.91:1) pour la meilleure compatibilité. Ces Skills produisent des images 16:9, que la plupart des plateformes affichent avec un léger recadrage en haut et en bas ; éloignez donc le titre des bords.
Existe-t-il des Skills d’image OG gratuits ?
Oui. Les Skills OG Notion Style et Linktree Style sont gratuits à installer. Comme les Skills payants, ils font appel à la génération d’images sur votre propre compte FAL, facturée par FAL.
Puis-je ajouter mon logo ?
Donnez à l’agent le nom de votre marque ou de votre projet et décrivez l’emplacement du logo. Pour un fichier de logo exact, placez-le sur l’image finale dans votre éditeur ; les Skills ne garantissent pas un rendu du logo au pixel près.
Quels agents peuvent exécuter ces Skills ?
Tout agent qui lit des dossiers SKILL.md, dont Claude Code, Codex, Cursor et Gemini CLI. Node.js 20 ou plus récent est nécessaire pour le script de génération fourni.
Plus de tâches pour les créateurs de contenu
Chaque tâche a ses propres Skills, exemples réels et FAQ.
Images de couverture de blogUne image d’ouverture qui porte l’argument
Visuels de citationUne idée, une carte carrée
Illustrations d'articlesUne idée de votre article, dessinée
Sites d’une pageTout un site produit dans un seul fichier HTML