Passer au contenu principal
Un prompting efficace consiste à donner des instructions claires à un assistant capable. Guidez bien Agent et vous passerez rapidement de l’idée à l’application.

​
Exemples rapides

Voyez la différence entre des prompts vagues et efficaces :
Vague : “Corrige mon code.”Efficace : “Mon script échoue lors du traitement des entrées utilisateur. L’erreur semble être dans la fonction de validation. Pouvez-vous aider à déboguer la partie validate_input ? Voici le message d’erreur : [détails]”Le prompt efficace identifie la zone problématique, la fonction suspectée et fournit du contexte.
Vague : “Fais un site web.”Efficace : “Crée un site portfolio simple avec des sections pour Accueil, À propos de moi et Formulaire de contact. Utilise un thème de design épuré et moderne avec du contenu fictif.”Le prompt efficace définit l’objectif, les fonctionnalités principales et l’esthétique souhaitée.
Vague : “Ne le rends pas lent.”Efficace : “Refactorise la fonction de traitement des données pour gérer de plus grandes entrées plus efficacement. Pourrait-on utiliser un algorithme ou une structure de données différente ?”Dites à Agent comment améliorer plutôt qu’utiliser des contraintes négatives.
Vague : “Ajoute une animation.”Efficace : “Anime l’image principale sur la page d’atterrissage pour qu’elle apparaisse en fondu lors du premier chargement de la page pour créer un effet accueillant.”Identifiez l’élément spécifique, l’effet souhaité, le timing et l’expérience visée.
Vague : “Construis le backend.”Efficace : “Configure la logique côté serveur. Implémente l’authentification utilisateur (inscription/connexion) et crée un point de terminaison API pour récupérer les données de profil utilisateur de manière sécurisée.”Décomposez les grandes tâches en fonctionnalités spécifiques.

​
Principes fondamentaux

Dix conseils pour un prompting efficace avec Replit Agent

​
Planifiez d’abord

Avant de rédiger un prompt, décrivez les fonctionnalités et les flux utilisateur de votre application. Un plan clair mène à des prompts plus ciblés.
Réfléchissez à la structure de votre application comme le ferait un chef de produit. Décomposez l’objectif global en étapes logiques. Au lieu de : “Construis une application de gestion de tâches.” Essayez : “1. Crée la structure HTML de base avec un champ de saisie et une liste de tâches. 2. Ajoute du JavaScript pour ajouter des tâches. 3. Utilise une base de données pour stocker les tâches. 4. Ajoute une fonctionnalité pour marquer les tâches comme terminées.” Puis demandez à Agent chaque étape.

​
Construisez progressivement

Utilisez les Checkpoints pour sauvegarder les progrès après chaque étape réussie. Si quelque chose se casse, vous pouvez revenir à un état fonctionnel et essayer une approche différente. Au lieu de : “Construis une plateforme e-commerce complète.” Essayez : “Configure un projet full-stack de base pour un site e-commerce avec inscription et connexion utilisateur via Replit Auth.” Puis enchaînez avec des prompts pour les listes de produits, le panier et le paiement.

​
Soyez précis

Définissez exactement ce dont vous avez besoin : formats de sortie, contraintes, cas limites. Au lieu de : “Ajoute un formulaire de contact.” Essayez : “Crée une page de formulaire de contact sur /contact avec des champs pour :
  • Nom (obligatoire)
  • Email (obligatoire, doit être dans un format valide)
  • Message (obligatoire, minimum 10 caractères)
À la soumission, envoie les données du formulaire à contact@mydomain.com.”

​
Utilisez un langage positif

Exprimez ce que vous voulez, pas ce que vous voulez éviter. Au lieu de : “Ne rends pas la page de profil utilisateur confuse.” Essayez : “Conçois une page de profil utilisateur épurée. Affichez le nom d’utilisateur en évidence, suivi de l’email et de la date d’inscription. Incluez un bouton ‘Modifier le profil’.”

​
Restez simple

Utilisez un langage clair et direct. Décomposez les requêtes complexes en points. Au lieu de : “Implémente l’infrastructure nécessaire côté serveur pour faciliter la génération et la récupération dynamiques d’artefacts de contenu généré par les utilisateurs.” Essayez : “Crée une fonctionnalité backend pour que les utilisateurs puissent soumettre des articles de blog. Les utilisateurs doivent saisir un titre et un contenu. Stocke les articles dans la base de données.”

​
Travailler avec le contexte

​
Fournissez les fichiers pertinents

Mentionnez des fichiers spécifiques plutôt que de joindre l’intégralité de votre projet. Au lieu de : (Tout joindre) “Implémente la page de profil utilisateur selon notre système de design.” Essayez : “Crée la page de profil utilisateur. Récupère les données utilisateur depuis le point de terminaison serveur. Style selon [URL vers les docs de design] et correspond à cette maquette : [joindre profile_mockup.jpg].”
Commencez un nouveau chat lorsque vous passez à des tâches non liées. Cela évite la confusion liée au contexte accumulé.

​
Montrez des exemples

Réduisez l’ambiguïté en fournissant des exemples concrets — extraits de code, données exemples ou captures d’écran. Au lieu de : “Améliorez l’apparence des fiches produits.” Essayez : “Repensez les fiches produits sur la page boutique. Chaque fiche doit afficher l’image du produit, le nom, le prix et un bouton ‘Ajouter au panier’, similaire à cette disposition : [joindre capture d’écran]. Utilisez une bordure gris clair.”

​
Déboguer efficacement

Lorsque des erreurs surviennent, fournissez :
  • Le message d’erreur exact
  • Les extraits de code pertinents
  • Les noms de fichiers où l’erreur se produit
  • Ce que vous essayiez d’accomplir
  • Les étapes que vous avez déjà essayées
Au lieu de : “Ma page de connexion est cassée.” Essayez : “Lorsque je me connecte avec les bonnes informations d’identification sur /login, j’obtiens une erreur ‘User not found’ dans la console du navigateur. La vérification de la base de données ne semble pas fonctionner. Voici le code de gestion de la connexion dans auth.js.”

​
Demandez des conseils

Passez en mode Plan pour explorer les options avant de construire. Demandez à Agent les bibliothèques, approches et compromis.
Au lieu de : “Ajoute des paiements.” Essayez : “Quelles sont de bonnes options pour accepter des paiements par carte de crédit dans une application web construite sur Replit ? J’ai besoin de quelque chose de relativement simple à intégrer.”

​
Itérez sur vos prompts

Votre premier prompt n’est peut-être pas parfait — c’est normal. Si le résultat n’est pas satisfaisant :
  • Ajoutez plus de détails
  • Fournissez un exemple
  • Simplifiez l’instruction
  • Essayez une autre façon d’expliquer
Initial : “Crée un en-tête pour mon site web.” Affiné : “Crée un composant d’en-tête fixe avec le logo du site à gauche et des liens de navigation (Accueil, À propos, Contact) à droite.”

​
Résumé

Un prompting efficace se résume à :
  • Planifier avant de rédiger un prompt
  • Construire progressivement avec des Checkpoints
  • Être précis sur les exigences
  • Fournir du contexte à travers des exemples et des fichiers pertinents
  • Itérer quand les résultats ne sont pas tout à fait bons
Maîtrisez ces principes et vous créerez des applications plus rapidement avec Agent.