> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Prompts efficaces

> Apprenez les principes et consultez des exemples pour rédiger des prompts efficaces avec Replit Agent.

export const YouTubeEmbed = ({videoId, title = "YouTube video", startAt}) => {
  if (!videoId) {
    return null;
  }
  let url = "https://www.youtube.com/embed/" + videoId;
  if (startAt) {
    url = url + "?start=" + startAt;
  }
  return <Frame>
      <iframe src={url} title={title} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe>
    </Frame>;
};

Des prompts efficaces commencent par le résultat souhaité. Guidez [**Agent**](/fr/core-concepts/agent) avec des demandes claires et simples, et vous irez de l'idée à l'application plus rapidement.

<YouTubeEmbed videoId="7m5SjKZBw6I" title="10 tips for better vibe coding" />

## Exemples rapides

Voyez la différence entre des prompts vagues et des prompts efficaces :

<AccordionGroup>
  <Accordion title="Corriger du code" icon="bug">
    **Vague :** « Corrige mon code. »

    **Efficace :** « Le formulaire de connexion échoue même avec le bon mot de passe. Corrige le flux de connexion. »

    Commencez par le résultat défaillant. Ajoutez ensuite l'erreur ou le fichier si Agent a besoin de plus de contexte.
  </Accordion>

  <Accordion title="Construire des fonctionnalités" icon="hammer">
    **Vague :** « Fais un site web. »

    **Efficace :** « Construis un site portfolio simple avec les pages Accueil, À propos et Contact. »

    Concentrez-vous sur le résultat souhaité, avec les quelques détails qui comptent le plus.
  </Accordion>

  <Accordion title="Améliorations des performances" icon="gauge-high">
    **Vague :** « Ne le rends pas lent. »

    **Efficace :** « Fais charger le tableau de bord plus rapidement quand il y a beaucoup de commandes. »

    Décrivez l'amélioration souhaitée. Laissez Agent choisir l'implémentation sauf si vous avez une forte préférence.
  </Accordion>

  <Accordion title="Modifications de l'interface" icon="paintbrush">
    **Vague :** « Ajoute une animation. »

    **Efficace :** « Ajoute un fondu progressif à l'image hero quand la page se charge. »

    Nommez la partie de l'application et l'effet souhaité.
  </Accordion>

  <Accordion title="Systèmes complexes" icon="server">
    **Vague :** « Construis le backend. »

    **Efficace :** « Ajoute la connexion, les profils et un moyen pour les utilisateurs de sauvegarder leur progression. »

    Demandez d'abord le résultat produit. Ajoutez des détails techniques uniquement s'ils sont importants.
  </Accordion>
</AccordionGroup>

## Principes fondamentaux

<Frame>
  <img src="https://mintcdn.com/replit/0ixNWaRF232g0Gwn/images/tutorials/10-tips.png?fit=max&auto=format&n=0ixNWaRF232g0Gwn&q=85&s=21e1e7269802faa767fef0187bdb6e3d" alt="Dix conseils pour des prompts efficaces avec Replit Agent" width="1259" height="1101" data-path="images/tutorials/10-tips.png" />
</Frame>

### Planifiez d'abord

<Tip>Avant de rédiger un prompt, décidez à quoi ressemble le succès. Un plan simple mène à de meilleurs prompts.</Tip>

Notez le résultat principal, puis les prochaines étapes clés.

**Au lieu de :** « Construis une application de gestion des tâches. »

**Essayez :** « Construis un gestionnaire de tâches simple où je peux ajouter, compléter et supprimer des tâches. »

Utilisez ensuite des prompts de suivi pour l'affiner.

### Construisez de façon incrémentale

Les [**points de contrôle**](/fr/core-concepts/agent/checkpoints-and-rollbacks) se créent automatiquement pendant qu'Agent travaille. Si quelque chose se casse, vous pouvez revenir en arrière et essayer une approche différente.

**Au lieu de :** « Construis une plateforme e-commerce complète. »

**Essayez :** « Commence par une boutique en ligne simple avec connexion et pages produits. » Ajoutez ensuite le panier, le paiement et les outils d'administration dans des prompts de suivi.

### Soyez précis

Dites ce que vous voulez qu'il se passe et incluez les détails qui changent le résultat.

**Au lieu de :** « Ajoute un formulaire de contact. »

**Essayez :** « Ajoute une page de contact avec les champs nom, e-mail et message. Envoie les soumissions à mon adresse e-mail. »

### Utilisez un langage positif

Dites ce que vous *voulez*, pas ce qu'il faut éviter.

**Au lieu de :** « Ne rends pas la page de profil utilisateur déroutante. »

**Essayez :** « Rends la page de profil claire et facile à parcourir. Affiche le nom, l'e-mail, la date d'inscription et un bouton Modifier le profil. »

### Restez simple

Utilisez un langage court et direct. Ajoutez des détails d'implémentation uniquement quand ils comptent.

**Au lieu de :** « Implémente l'infrastructure côté serveur nécessaire pour faciliter la génération dynamique et la récupération des artefacts de contenu générés par les utilisateurs. »

**Essayez :** « Permettez aux utilisateurs d'écrire et de publier des articles de blog. »

## Travailler avec le contexte

### Fournissez les fichiers pertinents

Partagez uniquement les fichiers ou références dont Agent a besoin.

**Au lieu de :** (Tout joindre) « Implémente la page de profil utilisateur basée sur notre système de design. »

**Essayez :** « Crée la page de profil utilisateur et reproduis cette maquette : \[joindre `profile_mockup.jpg`]. Utilise les couleurs de notre doc de design : \[URL]. »

<Tip>Démarrez une nouvelle conversation quand vous passez à des tâches sans rapport. Cela évite la confusion due au contexte accumulé.</Tip>

### Montrez des exemples

Réduisez l'ambiguïté avec des exemples, des captures d'écran ou des données d'exemple.

**Au lieu de :** « Rends les cartes produits plus belles. »

**Essayez :** « Rends les cartes produits comme cette capture d'écran : image, nom, prix et un bouton Ajouter au panier. »

## Déboguer efficacement

Quand quelque chose se casse, incluez :

* 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 :** « La page de connexion affiche "Utilisateur introuvable" même avec des identifiants valides. Cela se produit sur `/login`. Veuillez corriger cela. »

## Demandez des conseils

<Tip>Passez en mode Plan pour explorer les options avant de construire. Demandez à Agent des bibliothèques, des approches et des compromis.</Tip>

**Au lieu de :** « Ajoute des paiements. »

**Essayez :** « Quelle est la façon la plus simple d'ajouter des paiements par carte de crédit à mon application sur Replit ? »

## Itérez sur vos prompts

Votre premier prompt n'est peut-être pas parfait. Si le résultat n'est pas correct :

* Ajoutez plus de détails
* Fournissez un exemple
* Simplifiez l'instruction
* Essayez une autre façon d'expliquer

**Initial :** « Ajoute un en-tête à mon site. »

**Raffiné :** « 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é

Des prompts efficaces se résument à :

* **Planifier** avant de rédiger un prompt
* **Construire** de façon incrémentale — les points de contrôle se créent automatiquement pendant qu'Agent travaille
* **Décrire les résultats** clairement
* **Fournir du contexte** via des exemples et des fichiers pertinents
* **Itérer** quand les résultats ne sont pas tout à fait corrects

Gardez les prompts courts, axés sur les résultats et faciles à suivre, et vous construirez plus rapidement avec Agent.
