Aller au contenu
Tous les guides
Technique6 min de lecture

La page créée par l'IA n'est pas celle que je voulais : comment la corriger avec de meilleurs prompts ?

Comment diagnostiquer une page ratée et la corriger avec des prompts plus précis dans Uttra : nommer le problème, changer une chose, donner un exemple.

Il arrive que la page obtenue soit proche mais pas juste : mauvaises couleurs, section manquante, bouton mal placé. C'est normal, car une description courte laisse beaucoup de décisions ouvertes.

Considérez cela comme une conversation. Quelques relances précises valent presque toujours mieux qu'une longue réécriture du premier prompt.

Quand le résultat est faux, ne recommencez pas de zéro : dites exactement ce que vous voyez, ce que vous attendiez et où, changez une seule chose à la fois et donnez un exemple.

Dire ce que vous voyez, ce que vous voulez et où

« Rends-le plus joli » ne donne rien à exploiter. Comparez avec : « Les trois cartes de tarifs sous l'en-tête n'ont pas la même hauteur. Mets-les à égalité et augmente l'espace entre elles. » Nommez l'endroit, le problème et la cible.

  • Désignez la partie exacte : section, bouton, menu.
  • Décrivez l'écart : ce qu'il y a maintenant et ce qu'il faut.
  • Ajoutez un chiffre quand c'est possible : police plus grande, 2 colonnes, 3 éléments.

Changer une seule chose à la fois

Si vous demandez de nouvelles couleurs, une nouvelle mise en page et trois sections dans un seul message, il est difficile de savoir ce qui a mal tourné. Faites un changement, regardez l'aperçu, puis continuez. Dites aussi ce qui doit rester : « Garde les textes et le menu, change seulement les couleurs. »

Utiliser l'aperçu et la sélection par clic

Regardez l'aperçu en direct aussi à la taille d'un téléphone, car beaucoup de problèmes n'apparaissent que là. Vous pouvez aussi sélectionner directement l'élément à changer au lieu de décrire son emplacement, ce qui supprime la plupart des malentendus.

Donner des exemples, découper les gros chantiers

Des mots réels valent mieux que des adjectifs. Collez le texte voulu, le code couleur exact, ou décrivez un style : calme, beaucoup d'espace blanc, coins arrondis. Pour une grande fonction comme la réservation, faites d'abord le formulaire, puis la confirmation, puis les e-mails.

Une bonne relance : « Le bouton Réserver est trop petit sur mobile et se retrouve sous le texte. Mets-le en pleine largeur, vert foncé avec texte blanc, juste sous le prix. Ne change rien d'autre. »

Questions fréquentes

Seulement si toute l'orientation est mauvaise. Sinon, de petites relances ciblées sont plus rapides et conservent ce qui fonctionne.

Les demandes vagues laissent place à l'interprétation. Ajoutez « ne change rien d'autre » et nommez précisément l'élément.

Oui. Vous pouvez modifier par le chat ou en cliquant sur les éléments, et télécharger le code ou le synchroniser avec GitHub pour continuer à la main.

Essayez sur votre propre projet

Décrivez ce que vous voulez avec vos mots et regardez votre site ou système se construire — puis modifiez-le en discutant.

Commencer gratuitement