Imagen – Compétence de génération d'images par IA
Aperçu
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 utilisateur, 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'une image (ex. "génère une image de…", "crée une image…")
- Le développement frontend nécessite des images de substitution ou réelles
- La documentation a besoin d'illustrations ou de diagrammes
- Visualisation de concepts, architectures ou idées
- Création d'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'image
- Sauvegarde l'image générée à un 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 "Un ciel de ville futuriste au coucher du soleil"
# Avec 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 taille personnalisée
python scripts/generate_image.py --size 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 renvoie :
- Succès : le chemin de 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 hero 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 l'utiliser en HTML/CSS
Documentation
Utilisateur : "Crée un diagramme montrant une architecture de 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 de substitution pour le composant de profil utilisateur"
→ Crée une image aux dimensions appropriées pour une utilisation dans le composant