Images générées
Un site sans images paraît vide, et des photos de banque d’images génériques ne collent jamais tout à fait au style. Quand le design en a besoin, l’agent crée donc lui-même les images de ton app avec un modèle de génération d’images, dans la direction artistique et les couleurs de ton thème. Elles sont enregistrées dans ton projet comme n’importe quelle autre image.
Quand l’agent crée des images
Section intitulée « Quand l’agent crée des images »L’agent utilise son outil generate_image quand le design appelle des photos ou des illustrations : un haut de page, des produits, des personnes, des lieux, une galerie, un fond. Plutôt que de laisser des cadres vides ou de pointer vers des images externes, il crée l’image qui manque.
| Il le fait | Il ne le fait pas |
|---|---|
| Pour les images que la page montre vraiment, en général 2 à 5 par page | Pour les icônes (il utilise lucide-react) |
| Dans le style, la lumière et les couleurs du thème | Pour les logos (ils sont dessinés en SVG, ou fournis par toi) |
| Sans texte, logo ni filigrane dans l’image | Pour remplacer une image que tu as fournie |
| Plusieurs à la fois, en parallèle | En mode Discussion (il ne modifie rien) |
Dans le fil de la conversation, chaque image apparaît comme une étape : « Crée l’image hero-atelier », par exemple.
Où vont les images
Section intitulée « Où vont les images »-
L’agent décrit l’image (sujet, cadrage, style, lumière, couleurs du thème) et choisit un format : paysage (1536 × 1024), portrait (1024 × 1536) ou carré (1024 × 1024).
-
L’image est créée en une dizaine de secondes, puis enregistrée au format WebP dans
public/assets/, avec un nom lisible (public/assets/hero-atelier.webp). -
Si ce nom est déjà pris (par une de tes images, par exemple), l’image reçoit un nom libre (
hero-atelier-2.webp) : une image existante n’est jamais écrasée. -
L’agent l’utilise dans le site par son adresse (
/assets/hero-atelier.webp), recadrée pour remplir son emplacement.
Tu retrouves toutes les images, générées ou envoyées, dans l’onglet Images de l’éditeur : voir Les images du projet.
Limites et coût
Section intitulée « Limites et coût »- 6 images au plus par demande. Au-delà, l’agent réutilise les images déjà créées.
- Le prix des images s’ajoute au coût du run, donc aux crédits consommés par la demande, en plus du travail de l’agent. Voir Les crédits.
- La génération d’images doit être activée sur la plateforme. Si elle ne l’est pas, l’agent ne peut pas créer d’images et met un emplacement provisoire à la place.
Demander des images
Section intitulée « Demander des images »Décris ce que tu veux voir : le sujet, l’ambiance, le cadrage. L’agent garde le style du thème.
Ajoute en haut de la page d'accueil une grande photo d'un atelier de céramiquebaigné de lumière du matin, avec des pots en terre sur des étagères en bois.Crée une galerie de 4 plats signature du restaurant, photographiés de dessus surune table en pierre sombre, éclairage chaud.Remplace les photos de la section « Comment ça marche » par des illustrationsplates aux couleurs du thème, une par étape.Éviter les images générées
Section intitulée « Éviter les images générées »Si tu préfères un site sans images générées (tu fourniras tes propres photos, ou tu veux un style purement graphique), dis-le :
N'utilise pas d'images générées : construis le design avec de la typographie,des formes et des aplats de couleur du thème.Pour que la règle vaille pour tout le projet, ajoute-la dans Consignes pour l’agent (Paramètres du projet), par exemple « Pas d’images générées ». Voir Paramètres du projet.
Remplacer une image par la tienne
Section intitulée « Remplacer une image par la tienne »-
Ouvre l’onglet Images de l’éditeur et clique sur Envoyer des images (ou glisse tes fichiers dans le panneau). Tes images sont enregistrées dans
public/. -
Passe en mode Design, clique sur l’image à remplacer dans l’aperçu, puis sur Choisir une image du projet et choisis la tienne. Ce changement ne coûte pas de crédits.
-
Ou demande-le à l’agent : envoie l’image dans le projet depuis le menu + du chat (Envoyer une image dans le projet), puis écris par exemple « mets cette photo à la place de l’image du haut de page ».
Une image générée qui n’est plus utilisée peut être supprimée depuis l’onglet Images (Supprimer). Le panneau indique si une image est encore utilisée dans le site.