Atoms
Project chat

Guide de Prompt

Décidez avant de taper, construisez par morceaux, utilisez du contenu réel et adressez chaque demande au bon agent. Ces habitudes transforment des idées en une ligne en résultats finalisés.

Décidez avant de taper, construisez par morceaux, utilisez du contenu réel et adressez chaque demande au bon agent. Ces habitudes transforment des idées en une ligne en résultats finalisés.

Commencez dans le chat du projet. Ouvrez le chat du projet que vous souhaitez modifier, puis choisissez ou interpellez l'agent dont le rôle correspond au travail à effectuer. Si vous ne savez pas quel agent convient, demandez à l'équipe de clarifier avant de commencer.

Ce guide rassemble les techniques qui permettent d'obtenir de meilleurs résultats de votre équipe d'agents de manière constante. Aucune ne nécessite de capacité particulière. Elles concernent ce que vous dites, pas la façon dont vous le mettez en forme. Que vous rédigiez votre toute première demande ou que vous affiniez un projet mature, les mêmes principes s'appliquent : une pensée claire en entrée, des résultats clairs en sortie.

Laissez l'équipe poser des questions avant de construire

L'une des façons les plus efficaces d'obtenir un meilleur résultat : lorsqu'une demande est importante ou floue, invitez aux questions au lieu d'espérer que l'équipe devine juste. Indiquez ce que vous voulez, puis ajoutez une ligne à la fin :

Posez-moi toutes les questions dont vous avez besoin pour comprendre pleinement ce que je veux avant de commencer.

Vous recevrez souvent des questions auxquelles vous n'auriez pas pensé répondre par vous-même, qu'il s'agisse de cas limites, de publics ou de compromis. Les régler dès le départ coûte une minute ; les découvrir après une construction coûte une reprise. Le résultat se rapproche beaucoup plus de votre intention dès le premier essai.

Étape 1 : Décidez avant de taper

Sachez ce que vous construisez

Quelques minutes de réflexion au départ peuvent vous éviter beaucoup de re-prompting plus tard. Avant de commencer, assurez-vous de pouvoir répondre à quatre questions simples : que construisez-vous, à qui cela s'adresse-t-il, pourquoi l'utiliseraient-ils, et quelle est l'action principale que vous voulez qu'ils entreprennent.

Cette action principale est souvent appelée CTA, abréviation de call to action. C'est le bouton, le lien ou l'étape suivante que vous souhaitez le plus voir les utilisateurs choisir, comme Sign Up, Book a Demo, Start Free ou Buy Now.

Vous n'avez pas besoin de rédiger une spécification complète. L'objectif est simplement de donner une direction claire au projet. Plus votre point de départ est spécifique, plus il est facile de générer un résultat qui correspond à ce que vous avez en tête.

Créez un site d'une page pour une app de gestion de budget destinée aux freelances. Le CTA principal est « Start Saving Smarter. » Utilisez un style audacieux et expressif avec une grande typographie et des couleurs percutantes.

Esquissez le parcours, pas seulement les écrans

Un bon design vit autant entre les écrans que sur eux. Parcourez le chemin de votre utilisateur : que voit-il en premier, qu'est-ce qui inspire confiance, qu'est-ce qui lui donne l'assurance d'agir, et où cette action mène-t-elle ? Même une esquisse en trois temps — hero, preuve, call to action — rend vos demandes nettement plus efficaces, car chaque section a désormais une raison d'exister et une raison de mener à la suivante.

Définissez tôt la direction visuelle

Le style est bien plus facile à établir qu'à adapter après coup. Choisissez une direction : calme et élégante, audacieuse et disruptive, premium et épurée, puis indiquez-la dans votre première demande à l'aide de mots de ton sur lesquels l'équipe peut agir : minimal, ludique, cinématographique, axé développeur. Ces mots sont plus qu'une décoration : ils façonnent la typographie, l'espacement, la couleur, l'ombre et le rayon des coins dès le tout premier composant. Réutilisez la même ligne de style dans les demandes suivantes pour garder l'ensemble cohérent.

Utilisez un design calme inspiré du bien-être : dégradés doux, tons terre atténués, coins arrondis, padding généreux. Ton général doux et rassurant.

Étape 2 : Rédigez des demandes qui aboutissent

Décrivez les résultats, pas les implémentations

Décrivez le résultat que vous voulez, pas les étapes pour le construire. Par exemple, « Ajoutez une section de tarification avec trois options et faites ressortir celle du milieu » est plus utile que d'expliquer exactement comment la page doit être construite. Concentrez-vous sur ce qui doit apparaître et pourquoi c'est important ; l'équipe peut décider comment le construire.

Travaillez par morceaux, pas par pages

Les demandes limitées à un seul composant — un hero, une grille de fonctionnalités, une rangée de témoignages, un tableau de tarification — vous donnent de la clarté et du contrôle. Si un élément ne convient pas, vous ajustez cet élément au lieu de tout régénérer autour. Construisez un bloc, examinez-le, affinez-le, puis passez au suivant. Une demande de page complète produit du bruit ; une demande de composant produit du signal.

Créez une section de fonctionnalités : titre centré, puis trois cartes côte à côte, chacune avec une icône, un titre et une ligne de description. Ombres douces, léger soulèvement au survol.

Utilisez de vrais mots

Le texte de remplissage masque les problèmes ; un vrai texte les révèle. Un vrai titre peut nécessiter deux lignes ; un vrai CTA peut mieux fonctionner sous forme de verbe. Écrivez ce qu'un utilisateur lirait réellement, même si c'est un brouillon ; les mises en page, l'espacement et les décisions de design s'améliorent tous lorsque le contenu est réel.

Titre du hero : « Design Calmly. » Sous-texte : « Turn stress into structure. » CTA : « Start Building Free. » Mise en page centrée sur le texte avec un espacement vertical généreux.

Nommez des éléments réels

Utilisez des mots clairs et précis pour décrire ce que vous voulez sur la page. Vous n'avez pas besoin de connaître la terminologie du design — nommez simplement les éléments que les utilisateurs doivent voir ou avec lesquels ils doivent interagir, comme une carte de profil, un bouton ou un formulaire.

Les demandes spécifiques sont plus faciles à construire que les demandes générales. Commencez par l'élément de base dont vous avez besoin, puis ajoutez des détails un par un.

Créez une carte de profil avec une photo, un nom et un bouton de suivi. Ajoutez un petit libellé « Verified » à côté du nom, et affichez une courte explication lorsque quelqu'un le survole.

Étape 3 : Modifiez avec précision

Délimitez chaque modification : ce qui bouge, ce qui reste

Lorsque vous ajustez un travail existant, soyez explicite des deux côtés : ce qui doit changer et ce qui ne doit pas changer. Utilisez des mots directifs comme « remplacer », « mettre à jour » et « ajuster » plutôt que « améliorer ceci », et isolez les parties que vous aimez. La précision ici est ce qui empêche l'itération de devenir une régression.

Remplacez le texte du CTA par « Get Started » et augmentez son padding horizontal. Conservez les couleurs actuelles, la police et tout le reste de cette section inchangés.

Un changement significatif à la fois

Mettez à jour le texte, puis la mise en page, puis les interactions, et vérifiez chaque résultat avant la demande suivante. De petites étapes délibérées s'additionnent pour former un produit soigné ; dix changements dans un seul message s'additionnent en ambiguïté, et quand quelque chose tourne mal, vous ne saurez pas quel changement en est la cause.

Les corrections en cours de tâche se font dans le chat. Lorsque Prompt Queue est disponible dans votre chat et que le travail de l'Agent est actif, les messages de suivi sont mis en file d'attente derrière le travail en cours. Vérifiez que votre message apparaît dans la file d'attente avant d'en envoyer une autre copie. Si les contrôles de file d'attente ne sont pas visibles, ne renvoyez pas le message : attendez que le travail en cours se termine, ou utilisez un contrôle d'interruption si votre chat en propose un, puis confirmez l'état de la tâche avant d'envoyer un suivi. Consultez Project chat pour plus de détails.

Pensez une étape au-delà de l'UI

Si votre projet doit faire plus qu'avoir une apparence soignée, définissez le comportement en même temps que l'apparence. Précisez ce que les utilisateurs voient lorsqu'ils sont connectés ou déconnectés, d'où vient le contenu dynamique et comment l'interface gère les états vide, chargement et erreur. Vous n'avez pas besoin d'un backend fonctionnel pour concevoir autour de ces scénarios — les planifier tôt aide à éviter d'importantes reprises de l'UI plus tard.

Si l'utilisateur est connecté, affichez son avatar et son nom en haut à droite. Sinon, affichez un bouton « Log In » qui redirige vers l'écran d'authentification.

FAQ

Comment rédiger un prompt efficace pour l'agent IA ?

Structurez votre Prompt avec ces éléments clés :

1. Contexte — Posez le cadre. Expliquez ce que vous construisez et où en sont actuellement les choses.

2. Objectif — Soyez précis sur le résultat exact ou la fonctionnalité souhaitée.

3. Exigences & contraintes — Listez clairement ce qui doit changer et ce qui doit rester intact.

4. Résultat attendu — Définissez à quoi ressemble le succès (par ex., comportement de l'UI, gestion des erreurs, persistance de l'état).

5. Références — Joignez des captures d'écran, des liens, des étapes de workflow ou des exemples de code chaque fois que possible. Supprimez les mots de passe, codes de vérification, clés API, cookies, données personnelles et informations de paiement avant de partager.

Exemple : "Je construis un tableau de bord avec une barre latérale. Ajoutez un bouton de déconnexion en bas de la barre latérale. Il doit effacer la session et rediriger vers /login. Ne modifiez pas la mise en page de la barre latérale ni les liens de navigation. Après le clic, l'utilisateur doit voir la page de connexion en moins d'une seconde."

Comment gérer des demandes complexes qui impliquent plusieurs fonctionnalités ?

Pour les demandes complexes, divisez-les en tâches plus petites :

1. Indiquez le problème actuel et l'objectif final.

2. Listez chaque sous-tâche séparément (tâche 1, tâche 2, tâche 3).

3. Vérifiez chaque tâche avant de passer à la suivante.

4. Testez le flux complet à la fin.

Cette approche réduit les changements inattendus liés au fait de demander à l'Agent d'en faire trop à la fois. Chaque Prompt doit se concentrer sur un résultat unique et vérifiable.

Comment rédiger un prompt pour corriger un bug ?

Un prompt utile de correction de bug doit inclure :

  • La page, la fonctionnalité, l'environnement et les utilisateurs affectés
  • Les étapes exactes pour reproduire le problème
  • Le comportement réel et le comportement attendu
  • Le texte complet de l'erreur et le moment où elle s'est produite
  • Les captures d'écran ou logs pertinents, avec les mots de passe, jetons, cookies, données personnelles et informations de paiement supprimés
  • Ce qui doit rester inchangé
  • Comment vérifier la correction et quels contrôles de régression exécuter

Exemple : « Sur la page de paiement en Preview, sélectionner Submit renvoie une erreur 500. Attendu : la commande est confirmée et l'utilisateur arrive sur la page de remerciement. Reproduction : [étapes]. Corrigez la cause sans modifier les totaux du panier ni le flux de paiement, puis vérifiez un cas de paiement réussi et un cas de paiement refusé. J'ai supprimé toutes les valeurs secrètes du log joint. »

Comment rédiger un prompt pour modifier la mise en page ou le style d'une page ?

Lorsque vous demandez des modifications de page, incluez :

1. La page, le module et l'élément précis à modifier.

2. L'état actuel et le résultat cible.

3. Des liens de référence ou des captures d'écran.

4. Les fonctionnalités qui doivent rester inchangées.

5. Les critères d'acceptation (par ex., doit fonctionner à la fois sur desktop et mobile).

Exemple : "Sur la page /pricing, faites passer la grille des cartes de forfait de 2 colonnes à 3 colonnes sur desktop. Conservez la mise en page mobile sur une seule colonne. Référez-vous à cette capture d'écran [jointe]. Ne modifiez pas le contenu des cartes ni le style des boutons."

Que dois-je faire lorsque l'agent continue d'apporter les mauvaises modifications malgré les corrections ?

Lorsque l'Agent manque la cible de manière répétée, ajouter davantage d'instructions peut parfois créer encore plus de confusion. À la place :

1. Préservez l'état actuel — Arrêtez d'envoyer des corrections qui se chevauchent. Si votre chat affiche un contrôle Revert, lisez son texte de confirmation avant de l'utiliser, notez les modifications ultérieures que vous devez conserver et vérifiez le projet ensuite. Si le périmètre n'est pas clair, ne continuez pas ; utilisez les conseils de Project chat ou contactez le Support avec un Chat Link expurgé et une capture d'écran.

2. Éliminez le bruit — Au lieu d'ajouter des instructions supplémentaires par-dessus, reformulez clairement le problème principal depuis le début.

3. Une tâche à la fois — Concentrez-vous sur la résolution d'un seul problème avant de passer au suivant.

Prendre du recul et traiter les changements de manière incrémentale résout généralement les problèmes bien plus vite que d'essayer de corriger plusieurs problèmes qui se chevauchent dans un seul prompt.

Cette page vous a-t-elle été utile ?

Articles associés