> ## 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.

# Prompting

> Donnez à Replit une direction claire dans une Conversation et affinez le résultat avec des questions de suivi utiles.

export const PromptingCover = () => <div className="chat-mkt" role="img" aria-label="Prompt box with context cues and a generated result, representing prompting in Replit" style={{
  margin: "28px 0 42px",
  borderTop: 0,
  paddingTop: 0
}}>
    <div className="chat-use-case-visual" style={{
  aspectRatio: "auto",
  minHeight: "clamp(220px, 34vw, 320px)",
  overflow: "hidden",
  background: "radial-gradient(circle at 50% -18%, rgba(255,255,255,.82), transparent 42%), radial-gradient(circle at 4% 96%, rgba(255,184,146,.48), transparent 38%), linear-gradient(140deg, #ff764d, #ff3c00 60%, #c92d00)"
}}>
      <div aria-hidden="true" style={{
  position: "absolute",
  inset: 0,
  background: "linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 48%, rgba(111,24,0,.2))"
}} />
      <div aria-hidden="true" style={{
  position: "absolute",
  width: "min(76%, 560px)",
  height: "64%",
  left: "50%",
  top: "18%",
  transform: "translateX(-50%) rotate(-4deg)",
  opacity: 0.42,
  border: "1px solid rgba(255,255,255,.34)",
  borderRadius: 26
}} />
      <div aria-hidden="true" style={{
  position: "relative",
  zIndex: 1,
  display: "flex",
  width: "100%",
  minHeight: "inherit",
  alignItems: "center",
  justifyContent: "center",
  padding: "clamp(14px, 3vw, 28px)"
}}>
        <div style={{
  width: "clamp(260px, 66%, 680px)",
  maxWidth: "calc(100% - 20px)",
  boxSizing: "border-box"
}}>
          <div style={{
  display: "flex",
  justifyContent: "center",
  gap: 10,
  marginBottom: 12
}}>
            <span style={{
  width: 18,
  height: 18,
  border: "1px solid rgba(255,255,255,.54)",
  borderRadius: 6,
  background: "rgba(255,255,255,.18)"
}} />
            <span style={{
  width: 18,
  height: 18,
  border: "1px solid rgba(255,255,255,.54)",
  borderRadius: 999,
  background: "rgba(255,255,255,.14)"
}} />
            <span style={{
  width: 18,
  height: 18,
  border: "1px solid rgba(255,255,255,.54)",
  borderRadius: 5,
  background: "rgba(255,255,255,.12)"
}} />
          </div>
          <div style={{
  padding: "clamp(18px, 4vw, 30px)",
  border: "1px solid rgba(255,255,255,.58)",
  borderRadius: 24,
  background: "linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.1))",
  boxShadow: "0 18px 36px rgba(55,27,18,.2)",
  backdropFilter: "blur(5px)"
}}>
            <div style={{
  display: "grid",
  gap: 9
}}>
              <span style={{
  width: "55%",
  height: 9,
  borderRadius: 999,
  background: "rgba(255,255,255,.84)"
}} />
              <span style={{
  width: "88%",
  height: 9,
  borderRadius: 999,
  background: "rgba(255,255,255,.42)"
}} />
            </div>
            <div style={{
  display: "flex",
  alignItems: "center",
  justifyContent: "space-between",
  gap: 12,
  marginTop: "clamp(22px, 4vw, 32px)",
  padding: "13px 14px",
  border: "1px solid rgba(255,255,255,.64)",
  borderRadius: 16,
  background: "rgba(255,255,255,.18)"
}}>
              <span style={{
  width: "68%",
  height: 8,
  borderRadius: 999,
  background: "rgba(255,255,255,.78)"
}} />
              <span style={{
  display: "grid",
  width: 27,
  height: 27,
  placeItems: "center",
  flex: "0 0 auto",
  borderRadius: 9,
  background: "rgba(255,255,255,.9)",
  color: "#4b5563",
  fontSize: 16,
  fontWeight: 700
}}>
                ↑
              </span>
            </div>
          </div>
          <div style={{
  display: "flex",
  alignItems: "center",
  gap: 10,
  width: "74%",
  margin: "14px auto 0",
  padding: "10px 12px",
  border: "1px solid rgba(255,255,255,.46)",
  borderRadius: 14,
  background: "rgba(255,255,255,.14)"
}}>
            <span style={{
  display: "grid",
  width: 20,
  height: 20,
  placeItems: "center",
  flex: "0 0 auto",
  borderRadius: 999,
  background: "rgba(255,255,255,.86)",
  color: "#4b5563",
  fontSize: 13,
  fontWeight: 700
}}>
              ✓
            </span>
            <span style={{
  width: "68%",
  height: 7,
  borderRadius: 999,
  background: "rgba(255,255,255,.68)"
}} />
          </div>
        </div>
      </div>
    </div>
  </div>;

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block max-w-full overflow-x-hidden font-sans !whitespace-pre-wrap !break-words" style={{
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
      <div className="pr-7" style={{
    whiteSpace: "pre-wrap",
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
        {children}
      </div>
    </CodeBlock>;
};

<PromptingCover />

Le prompting consiste à indiquer à Replit, en langage simple, le résultat dont vous avez besoin. Une courte demande suffit souvent pour commencer.

Utilisez les prompts pour poser des questions, faire des recherches, planifier un travail, programmer des Routines, rédiger des documents, ou créer des applications, présentations et designs.

Voici trois étapes simples pour formuler un prompt efficace :

1. Commencez simplement.
2. Partagez un contexte utile.
3. Posez des questions de suivi et affinez la conversation.

Voyons chacune d'entre elles.

## Commencez simplement

Une courte demande peut établir la direction :

<AiPrompt>
  Que devrait inclure une petite équipe dans un point hebdomadaire de projet ?
</AiPrompt>

Ajoutez du contexte, des limites et un usage prévu lorsque la tâche en a besoin :

<AiPrompt>
  Recherche comment les petites équipes produit organisent leur planification hebdomadaire. Utilise des sources web actuelles et les notes d'équipe jointes. Compare trois approches, garde le résumé sous 500 mots, et termine par une recommandation que je peux partager lors de la réunion de planification de lundi.
</AiPrompt>

Un prompt plus riche n'est pas automatiquement meilleur. Les détails supplémentaires sont utiles parce qu'ils changent le résultat.

## Donnez à Replit une direction utile

Lorsqu'une tâche a besoin de plus de direction, concentrez-vous sur ce qui compte. N'incluez que les détails dont Replit a besoin :

* **Énoncez le résultat.** Demandez une réponse, une analyse, un plan, une Routine, ou quelque chose que vous voulez créer.
* **Ajoutez un contexte utile.** Indiquez à Replit les fichiers pertinents, les [intégrations](/fr/features/integrations/overview), les sources web, les exemples, les retours, les images ou les captures d'écran.
* **Énoncez les limites importantes.** Dites ce que Replit doit préserver, prioriser ou exclure. Préférez des instructions directes qui décrivent ce que vous voulez.
* **Expliquez comment vous utiliserez le résultat.** Nommez le public, la décision, le format ou l'action suivante lorsque cela influence le travail.

Ce sont des options, pas une formule obligatoire. Commencez avec les détails que vous connaissez, puis ajoutez-en davantage lorsqu'ils sont utiles.

## Affinez dans la conversation

Utilisez des demandes de suivi pour ajouter du contexte, réagir à ce que Replit a produit, ou faire avancer le travail vers un résultat :

* « Montre les preuves derrière la deuxième conclusion. »
* « Utilise le message d'erreur que j'ai ajouté et revois la cause probable. »
* « Garde l'analyse, mais transforme-la en cinq diapositives pour la direction. »
* « Crée un simple outil de suivi à partir des prochaines étapes recommandées. »
* « Explore trois orientations de design avant que je n'en choisisse une à construire. »
* « Exécute cette revue chaque lundi comme une Routine. »

Travailler par étapes vous permet de passer en revue chaque résultat avant de décider ce que Replit doit faire ensuite.

Pour plus de conseils, explorez la [zone de prompt](/fr/home/prompt-box), découvrez la [gestion du contexte](/fr/learn/foundations/context-management), ou [consultez des exemples détaillés de prompting](/fr/learn/effective-prompting).

## Prochaines étapes

Poursuivez à partir de votre prompt avec l'un de ces chemins :

<section className="chat-mkt chat-workflow-grid has-visuals catalog-three-up">
  <a className="chat-example has-visual" href="/fr/schedule-a-routine">
    <div className="chat-use-case-visual palette-stone">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <div className="chat-use-case-icon">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
          <rect width="8" height="8" x="3" y="3" rx="2" />

          <path d="M7 11v4a2 2 0 0 0 2 2h4" />

          <rect width="8" height="8" x="13" y="13" rx="2" />
        </svg>
      </div>
    </div>

    <span>
      <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
        <rect width="8" height="8" x="3" y="3" rx="2" />

        <path d="M7 11v4a2 2 0 0 0 2 2h4" />

        <rect width="8" height="8" x="13" y="13" rx="2" />
      </svg>
    </span>

    <div className="chat-card-title">Planifier une routine</div>
    <p>Exécutez un travail lié selon un calendrier récurrent.</p>
    <div className="chat-card-link">Explorer →</div>
  </a>

  <a className="chat-example has-visual" href="/build-an-app">
    <div className="chat-use-case-visual palette-ink">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <div className="chat-use-case-icon">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
          <path d="m18 16 4-4-4-4" />

          <path d="m6 8-4 4 4 4" />

          <path d="m14.5 4-5 16" />
        </svg>
      </div>
    </div>

    <span>
      <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
        <path d="m18 16 4-4-4-4" />

        <path d="m6 8-4 4 4 4" />

        <path d="m14.5 4-5 16" />
      </svg>
    </span>

    <div className="chat-card-title">Construire une application</div>
    <p>Transformez le résultat en logiciel fonctionnel.</p>
    <div className="chat-card-link">Explorer →</div>
  </a>

  <a className="chat-example has-visual" href="/fr/home/integrations">
    <div className="chat-use-case-visual palette-orange">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <div className="chat-use-case-icon">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
          <rect width="20" height="14" x="2" y="7" rx="2" ry="2" />

          <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" />
        </svg>
      </div>
    </div>

    <span>
      <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
        <rect width="20" height="14" x="2" y="7" rx="2" ry="2" />

        <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" />
      </svg>
    </span>

    <div className="chat-card-title">Intégrez vos flux de travail</div>
    <p>Apportez les outils et informations pertinents dans Replit.</p>
    <div className="chat-card-link">Explorer →</div>
  </a>
</section>
