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

# Contribuer à un projet GitHub

> Importez un dépôt depuis un chat, demandez une petite modification, vérifiez-la dans un aperçu et laissez Agent ouvrir la pull request.

export const Connectors = ({items}) => <div style={{
  margin: "8px 0 20px"
}}>
    <style>{`
      .connectors-list, .connectors-list * { margin-top: 0 !important; margin-bottom: 0 !important; }
      .connectors-row {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 4px 0 !important;
        min-height: 0 !important;
        height: auto !important;
      }
      .connectors-row img {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        margin: 2px 0 0 !important;
        display: block !important;
      }
    `}</style>
    <div className="connectors-list">
      {items.map((item, i) => <div key={item.id} className="connectors-row" style={{
  borderTop: i === 0 ? "none" : "1px solid rgba(130,130,130,0.22)"
}}>
          <img src={`/images/connectors/${item.id}.svg`} alt="" width={20} height={20} />
          <div style={{
  minWidth: 0
}}>
            <div>
              <strong>{item.name}</strong>
              {item.why ? <span style={{
  opacity: 0.72
}}> · {item.why}</span> : null}
            </div>
            {item.auth === "api-key" ? <div style={{
  fontSize: "11.5px",
  lineHeight: 1.35,
  color: "#F26207",
  marginTop: "2px"
}}>
                Not a native connector. Agent will ask for your API key.
              </div> : null}
          </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>;
};

Apportez une petite modification à un dépôt auquel vous avez accès en écriture, directement
depuis un chat. Importez le dépôt depuis la zone de prompt, demandez la modification en
langage courant et vérifiez-la dans un aperçu en direct. Quand le résultat vous convient,
Agent la commite sur une branche, la pousse et ouvre la pull request avec la description
remplie.

## Idéal pour

* Les développeurs qui veulent livrer des modifications sans configurer d'environnement local.
* Les non-développeurs qui ont besoin d'une petite modification, comme une coquille ou une correction de texte, sans détourner un développeur de son travail.

## Connecteurs

<Connectors
  items={[
{
  id: "github",
  name: "GitHub",
  why: "Le dépôt que vous importez, la branche sur laquelle vous poussez et la pull request",
},
]}
/>

## Avant de commencer

Choisissez une modification petite et bien délimitée, et consultez le guide de
contribution du projet s'il en a un. Vous avez besoin d'un accès en écriture au dépôt,
puisque Agent pousse directement la branche et ouvre la pull request à partir de là.

Dans la zone de prompt, ouvrez le menu **plus**, sélectionnez **Import an existing project**,
choisissez **GitHub** et collez l'URL du dépôt. Vous pouvez aussi simplement coller le lien
du dépôt directement dans la zone de prompt.

## Donner le prompt à l'agent

<AiPrompt>
  Voici \[lien du dépôt], importé depuis GitHub. Change le H1 de la page d'accueil
  de \[texte actuel] en \[nouveau texte]. Respecte le style et les conventions de
  rédaction existants du projet, ne touche à rien d'autre et montre-moi un aperçu
  de la page en cours d'exécution.
</AiPrompt>

## À quoi s'attendre

<Steps>
  <Step title="Agent configure le projet">
    Il lit le dépôt, installe les dépendances et demande tout ce qu'il ne peut
    pas déduire, comme une variable d'environnement manquante.
  </Step>

  <Step title="Il trouve le bon fichier">
    Pas seulement la chaîne correspondante, et il vous dit ce qu'il prévoit de
    modifier avant de le faire.
  </Step>

  <Step title="Il applique la modification et ouvre un aperçu">
    Vous voyez ainsi la vraie page plutôt qu'un diff.
  </Step>

  <Step title="Demandez la pull request">
    Quand l'aperçu vous convient, demandez-la dans le même chat. Cela enregistre
    votre modification et l'envoie à votre équipe sous forme de pull request,
    afin que quelqu'un puisse la relire avant sa mise en ligne. Vérifiez d'abord
    que votre connexion GitHub est toujours active.

    <AiPrompt>
      Commite cette modification et ouvre une pull request pour relecture. Donne-lui
      un titre clair et rédige la description à partir de ce qui a changé et de la
      façon dont je l'ai vérifié.
    </AiPrompt>
  </Step>
</Steps>

Vous obtenez une pull request sur le dépôt, remplie avec ce qui a changé, pourquoi et
comment vous l'avez vérifié. Relisez vous-même le diff avant son envoi : les relecteurs
rejettent les modifications tentaculaires, donc tout ce qui n'a pas de rapport relève
d'une pull request distincte.

## Adaptez-le à vos besoins

<AiPrompt>
  Avant de commiter, exécute le linter et la suite de tests du projet et montre-moi
  tout ce qui échoue. Liste chaque fichier touché par le diff et signale tout ce
  qui n'a pas de rapport avec \[modification].
</AiPrompt>

<AiPrompt>
  Un relecteur a laissé ces commentaires \[coller]. Applique ceux qui sont des
  corrections factuelles, dis-moi ceux avec lesquels tu n'es pas d'accord et
  pourquoi, puis pousse sur la même branche.
</AiPrompt>

## Dépannage

<AccordionGroup>
  <Accordion title="L'aperçu ne démarre pas">
    Le projet a besoin de sa commande d'exécution ou de ses variables
    d'environnement. Demandez à Agent de lire le guide de contribution et le
    fichier d'environnement d'exemple, puis de vous dire exactement ce qui
    manque.
  </Accordion>

  <Accordion title="Le push est rejeté">
    Vérifiez que vous avez un accès en écriture au dépôt et que votre connexion
    GitHub est toujours active. Certaines organisations restreignent aussi les
    noms de branche ou exigent des commits signés. Demandez à Agent de vous
    montrer l'erreur exacte.
  </Accordion>

  <Accordion title="Un relecteur demande des modifications">
    Commitez sur la même branche et poussez à nouveau. La pull request se met à
    jour toute seule, n'en ouvrez donc pas une seconde.
  </Accordion>
</AccordionGroup>

## Voir aussi

<CardGroup cols={2}>
  <Card title="Générer des notes de version" href="/fr/use-cases/generate-release-notes">
    Transformez les pull requests fusionnées en notes lisibles par tous.
  </Card>

  <Card title="Prévisualiser votre application" href="/fr/features/editor/preview">
    Voyez les modifications fonctionner en direct avant d'ouvrir la pull request.
  </Card>
</CardGroup>