Imagen - Compétence de génération d'images AI
Présentation
Cette compétence génère des images à l'aide du modèle de génération d'images de Google Gemini (gemini-3-pro-image-preview). Elle permet une création d'images fluide lors de toute session Claude Code, que vous construisiez des interfaces frontend, créiez de la documentation ou ayez besoin de représentations visuelles de concepts.
Multi-plateforme : fonctionne sur Windows, macOS et Linux.
Quand utiliser cette compétence
Activez automatiquement cette compétence lorsque :
- L'utilisateur demande la génération d'images (par exemple, « génère une image de… », « crée une image… »)
- Le développement frontend nécessite des images fictives ou réelles
- La documentation a besoin d'illustrations ou de diagrammes
- Visualiser des concepts, architectures ou idées
- Créer des icônes, logos ou ressources d'interface
- Toute tâche où une image générée par IA serait utile
Fonctionnement
- Prend une invite textuelle décrivant l'image souhaitée
- Appelle l'API Google Gemini avec la configuration de génération d'images
- Sauvegarde l'image générée à l'emplacement spécifié (par défaut, le répertoire courant)
- Renvoie le chemin du fichier pour utilisation dans votre projet
Utilisation
Python (multi-plateforme - recommandé)
# Utilisation de base
python scripts/generate_image.py "Une skyline de ville futuriste au coucher du soleil"
# Avec un chemin de sortie personnalisé
python scripts/generate_image.py "Une icône d'application minimaliste pour un lecteur de musique" "./assets/icons/music-icon.png"
# Avec une taille personnalisée
python scripts/generate_image.py --taille 2K "Paysage haute résolution" "./wallpaper.png"
Prérequis
- La variable d'environnement
GEMINI_API_KEYdoit être définie - Python 3.6+ (utilise uniquement la bibliothèque standard, aucune installation pip nécessaire)
Résultat
Les images générées sont sauvegardées au format PNG. Le script retourne :
- Succès : le chemin vers l'image générée
- Échec : un message d'erreur avec les détails
Exemples
Développement frontend
Utilisateur : "J'ai besoin d'une image de héros pour ma page d'accueil - quelque chose d'abstrait et axé sur la technologie"
-> Génère et sauvegarde l'image, fournit le chemin pour utilisation dans HTML/CSS
Documentation
Utilisateur : "Crée un diagramme montrant une architecture microservices"
-> Génère une représentation visuelle, prête pour le README ou la documentation
Ressources d'interface
Utilisateur : "Génère une image d'avatar fictif pour le composant de profil utilisateur"
-> Crée une image à la taille appropriée pour une utilisation dans le composant