Compétence Générateur d'Images de Couverture de Blog
Cette compétence permet aux agents IA de générer de superbes images de couverture de blog, minimalistes et techniques, en utilisant le CLI blog-cover-image-cli. Le CLI exploite Gemini 3.1 Flash Image Preview, récupère automatiquement les logos de marque à partir de domaines, utilise des images de référence esthétiques locales et emploie un ancrage à la recherche Google pour injecter un contexte en temps réel.
Configuration et Paramètres
Prérequis pour l'agent :
Avant d'utiliser cet outil, vérifiez qu'il est installé. Si blog-cover-cli --help échoue, installez-le globalement :
npm install -g blog-cover-image-cli
Si l'utilisateur vous demande de générer une image et que vous n'avez pas encore configuré la clé API, vous devez d'abord configurer le CLI en utilisant une clé API Gemini. Le CLI stocke cette clé de manière sécurisée via le package conf.
# 1. Définissez votre clé API Gemini (Obligatoire pour la génération d'images)
npx -p blog-cover-image-cli blog-cover-cli config set-key <VOTRE_CLE_API_GEMINI>
# 2. Définissez votre ID client Brandfetch (Obligatoire pour récupérer les logos haute résolution)
npx -p blog-cover-image-cli blog-cover-cli config set-brandfetch-id <VOTRE_ID_CLIENT_BRANDFETCH>
# Vérifiez vos clés (masquées)
npx -p blog-cover-image-cli blog-cover-cli config get-key
npx -p blog-cover-image-cli blog-cover-cli config get-brandfetch-id
Utilisation : Génération d'une Image
Lorsqu'un utilisateur demande une image de couverture (par exemple, "Crée une image de couverture pour mon blog sur Vercel v0"), vous devez utiliser la commande generate.
npx -p blog-cover-image-cli blog-cover-cli generate -t "Le Titre de l'Article de Blog" -l "exemple.com"
Arguments
-t, --title <text>: (Obligatoire) Le texte du titre à afficher sur l'image de couverture. N'utilisez pas de titres excessivement longs (limitez-vous à moins de 3 lignes de texte visuellement).-l, --logo <domain>: (Optionnel mais recommandé) Le domaine à partir duquel récupérer le logo de la marque (par exemple,vercel.com,google.com,cursor.com). Le CLI convertit automatiquement les formats WebP/SVG/AVIF en PNG pour plus de compatibilité.-o, --output <path>: (Optionnel) Le chemin du fichier où l'image générée sera sauvegardée. S'il est omis, le CLI la sauvegarde automatiquement dans un répertoireoutput/dans le dossier de travail actuel (par exemple,./output/vercel-cover.png).
Exemples
Exemple 1 : Cursor
npx -p blog-cover-image-cli blog-cover-cli generate -t "Pourquoi Cursor est l'Éditeur de Code IA Ultime" -l "cursor.com"
Exemple 2 : Lovable
npx -p blog-cover-image-cli blog-cover-cli generate -t "Créer des Applications en Quelques Minutes avec Lovable" -l "lovable.dev"
Exemple 3 : Chemin de Sortie Personnalisé
npx -p blog-cover-image-cli blog-cover-cli generate -t "Maîtriser React en 2026" -l "reactjs.org" -o "./assets/react-cover.png"
Fonctionnement Interne
En tant qu'agent, vous devez savoir ce que fait le CLI afin de pouvoir en informer l'utilisateur :
- Récupération du Logo : Il récupère les logos depuis
Brandfetchet les traite viasharp. - Références : Il charge des images de référence soigneusement sélectionnées depuis son répertoire
examples/pour garantir que le résultat soit toujours un fond blanc propre et minimaliste avec une typographie audacieuse. - Ancrage : Il active les outils
googleSearch, ce qui signifie que si le titre se rapporte à un événement récent, Gemini peut le rechercher avant de générer l'image. - Application du Texte : Il force Gemini à produire la chaîne de titre exacte en utilisant des règles de placement typographique.
Cas Particuliers / Dépannage
- Erreur de Clé API Manquante : Si vous voyez une erreur de clé API, exécutez la commande
config set-key. - Avertissement de Récupération du Logo : Si le CLI indique
Warning: Could not fetch logo, il générera quand même l'image, mais sans le logo. Vous n'avez pas besoin de planter ou de vous arrêter. - Limites Strictes de Modalité : Comme il utilise les modèles d'image expérimentaux de Gemini, la génération peut parfois échouer en raison de filtres de sécurité stricts. Si cela se produit, informez l'utilisateur.