30 prompts de vibe coding à copier (aide-mémoire)

Les meilleurs prompts de vibe coding sont courts, précis et centrés sur le comportement : qui utilise l'application, ce qu'il peut y faire, ce qu'elle conserve et à quoi elle ressemble. Voici 30 prompts à copier et coller, classés par étape, de la première création à la publication. Remplacez les parties entre [crochets] par vos propres détails.

Ils fonctionnent avec n'importe quel créateur d'applications IA ou agent de codage. Si vous voulez le raisonnement derrière, notre guide plus long sur comment écrire des prompts pour les créateurs d'applications IA explique les principes. Cette page est l'aide-mémoire.

Comment utiliser cet aide-mémoire

• Commencez par un prompt de première création, puis utilisez les autres un à la fois.
• Testez après chaque prompt. Parcourez le changement avant d'envoyer le suivant.
• Gardez ce qui fonctionne. La plupart des prompts de suivi ici se terminent par « garde tout le reste identique », et ce n'est pas un hasard.
• Collez le texte exact. Les messages d'erreur, les libellés de boutons et les mots à l'écran valent toujours mieux qu'une description.

Prompts de première création

Ils fixent la forme de l'application. Chacun nomme les utilisateurs, les actions, les données et l'apparence.

1. Un suivi simple

Crée un suivi d'[habitude] pour moi. Je peux ajouter une [habitude] avec un nom et une couleur, la cocher une fois par jour, et voir une grille sur 30 jours ainsi que ma série en cours. Enregistre tout pour que ce soit toujours là après un rechargement. Design épuré et minimal, utilisable sur téléphone.

2. Une page de réservation pour une petite entreprise

Crée une page de réservation pour mon [salon de coiffure]. Les clients choisissent une prestation ([coupe 30 min, coloration 90 min]), une date et un créneau libre entre [9 h et 18 h], puis saisissent leur nom, leur téléphone et leur e-mail. Deux personnes ne peuvent pas réserver le même créneau. J'ai besoin d'une page d'administration privée, derrière une connexion, qui liste les réservations à venir par jour.

3. Un outil interne

Crée un outil interne pour que mon équipe suive les [prêts de matériel]. Chaque article a un nom, un code et un statut (disponible, en prêt, cassé). Le personnel se connecte, peut sortir un article à son nom et le rendre. Affiche un tableau avec des filtres par statut et un historique de qui a eu chaque article.

4. Une page de présentation avec liste d'attente

Crée un site d'une page pour [mon produit : une application de planification de repas pour parents occupés]. Titre principal avec une phrase d'accroche, un sous-titre d'une phrase et une inscription par e-mail. Puis trois avantages, une courte section « comment ça marche » et une FAQ. Enregistre les e-mails d'inscription dans une base de données et affiche-moi la liste sur une page d'administration privée.

5. Un espace client

Crée un espace client pour mon [studio de design]. Chaque client se connecte et ne voit que ses propres projets, avec leur statut, les fichiers que j'ai envoyés et un fil de commentaires. Je me connecte en administrateur et je vois tous les clients. Les clients ne doivent jamais voir les données des autres.

6. Un calculateur ou un outil de devis

Crée un calculateur de devis pour mon [entreprise de nettoyage]. Entrées : nombre de chambres, de salles de bain, prestations supplémentaires (four, fenêtres, réfrigérateur) et fréquence (ponctuelle, hebdomadaire, mensuelle). Affiche le prix à mesure que les options changent, avec le détail. Tarifs : [collez votre grille tarifaire]. Ajoute un bouton pour m'envoyer la demande de devis par e-mail.

Prompts de planification

Utilisez-les avant une fonction importante, ou chaque fois que vous ne savez pas comment la décrire.

7. Planifier avant de construire

Avant d'écrire du code, décris en mots simples les écrans que tu vas créer, les données que tu vas stocker et les décisions dont tu as besoin de ma part. Attends mon accord.

8. Transformer une idée floue en première version

Voici mon idée : [collez vos notes]. Propose la plus petite première version vraiment utile, en 5 à 8 puces. Indique ce que tu laisserais pour plus tard et pourquoi.

9. Demander ce qui manque

Quelles questions un développeur me poserait-il avant de construire cela ? Pose-les-moi une à une, puis résume mes réponses sous forme de brève spécification.

10. Vérifier un grand changement d'abord

Je veux ajouter [des comptes d'équipe où plusieurs personnes partagent un même espace de travail]. Explique ce qui doit changer dans les données, les écrans et les permissions, et ce qui pourrait casser. Ne change encore rien.

Prompts de design

11. Définir un style clair

Refais le style de l'application : fond blanc cassé chaleureux, texte foncé, une couleur d'accent [#1F6F50], coins arrondis, espacements généreux et une police sans empattement moderne. Garde exactement la mise en page et toutes les fonctions telles quelles.

12. Reprendre l'esprit d'une référence

Donne au tableau de bord l'allure d'une application financière sereine : beaucoup d'espace blanc, des chiffres grands et gras, des libellés petits et gris, un seul graphique simple en haut. Ne copie le logo ni le texte d'aucune marque.

13. Corriger la mise en page sur téléphone

Sur un téléphone de 375 px de large, le tableau de [la page Commandes] défile latéralement et les boutons se chevauchent. Transforme chaque ligne en carte empilée sur les petits écrans. Ne modifie pas la mise en page sur ordinateur.

14. États vides, de chargement et d'erreur

Ajoute des états appropriés à [la liste des projets] : un état vide accueillant avec un bouton pour ajouter le premier projet, un squelette de chargement pendant le chargement des données, et un message clair avec un bouton Réessayer si le chargement échoue.

15. Prise en charge de la droite à gauche

Ajoute une version arabe de l'interface avec une mise en page complète de droite à gauche. Les icônes qui indiquent une direction doivent être inversées ; les nombres et les dates doivent suivre le format de la langue. Garde l'anglais par défaut.

Prompts de données et de fonctions

16. Rendre les données persistantes

Actuellement, mes données disparaissent au rechargement. Stocke-les dans une vraie base de données à la place, et garde les écrans actuels fonctionnant de la même façon.

17. Ajouter une connexion

Ajoute l'inscription et la connexion par e-mail et mot de passe. Chaque utilisateur ne doit voir et modifier que ses propres [entrées]. Affiche l'e-mail de l'utilisateur dans la barre du haut avec un bouton de déconnexion.

18. Ajouter des rôles

Ajoute deux rôles : administrateur et membre. Les administrateurs peuvent ajouter, modifier et supprimer des [produits] ; les membres ne peuvent que les consulter. Applique cela sur le serveur, pas seulement en cachant les boutons.

19. Ajouter la recherche et des filtres

Ajoute une barre de recherche au-dessus de [la liste des contacts] qui filtre par nom, entreprise ou e-mail pendant la frappe, plus un filtre par [statut]. Garde l'ordre de tri actuel.

20. Ajouter le téléversement de fichiers

Permets aux utilisateurs de joindre jusqu'à [5] images à chaque [annonce], de [5 Mo] maximum chacune. Affiche des miniatures sur l'annonce et une vue agrandie au clic. Seul le propriétaire peut supprimer ses images.

21. Importer depuis un tableur

Ajoute un bouton Importer qui prend un CSV avec les colonnes [nom, e-mail, téléphone, notes], affiche un aperçu des 10 premières lignes et me laisse confirmer avant l'enregistrement. Ignore les lignes sans e-mail et indique-moi combien ont été ignorées.

Prompts de correction

22. Signaler clairement un bogue

Quand je [clique sur Enregistrer dans le formulaire de modification], je vois « [texte exact de l'erreur] » et la modification n'est pas enregistrée. Attendu : la modification s'enregistre et je reviens à la liste. Trouve la cause, explique-la en une ou deux phrases, puis corrige-la.

23. Arrêter une boucle de corrections

Nous avons essayé de corriger cela trois fois et ça échoue encore. Arrête de modifier le code. Liste les trois causes les plus probables, comment vérifier chacune, et laquelle tu penses être la bonne.

24. Annuler les effets de bord

Ta dernière modification a corrigé le sélecteur de date, mais [la barre latérale] a disparu. Remets la barre latérale exactement comme elle était et garde la correction du sélecteur de date.

25. Expliquer avant de modifier

Explique étape par étape comment [le total de la commande] est calculé aujourd'hui, en indiquant les fichiers concernés. Ne change rien.

Prompts de test et de relecture

26. Cas limites

Liste 10 façons dont un vrai utilisateur pourrait casser [le formulaire de réservation] : champs vides, texte très long, double clics, deux personnes en même temps, mauvais fuseaux horaires. Teste chaque cas et corrige ce qui échoue. Indique ce que tu as modifié.

27. Résumer les changements récents

Résume en mots simples chaque modification faite lors des [cinq] dernières étapes, et signale tout ce qui pourrait affecter les données existantes.

Prompts de sécurité

Associez-les à notre page sur la sécurité du vibe coding.

28. Vérifier l'accès aux données

Vérifie le code serveur : un utilisateur connecté peut-il lire ou modifier les [enregistrements] d'un autre utilisateur en changeant un identifiant dans une requête ? Montre-moi où l'accès est contrôlé et corrige les failles.

29. Vérifier les secrets exposés

Liste chaque clé d'API, mot de passe ou jeton utilisé par cette application et l'endroit où chacun est stocké. Assure-toi qu'aucun ne se trouve dans du code exécuté dans le navigateur ou dans des fichiers versionnés. Déplace-les dans les secrets si c'est le cas.

Prompts de publication

30. Relecture avant lancement

Je vais publier cela pour de vrais utilisateurs. Relis-le comme un relecteur : liens cassés, titres et descriptions de page manquants, formulaires sans validation, pages lentes, erreurs dans la console et tout ce qui paraît inachevé sur téléphone. Donne-moi une liste classée par importance, puis corrige les cinq premiers points.

Prompts à éviter

Certains prompts donnent systématiquement de moins bons résultats :

• « Rends-le meilleur. » Mieux comment ? Nommez l'écran et le changement.
• « Corrige tout. » L'IA modifiera beaucoup de choses et vous ne saurez pas ce qui a bougé.
• « Utilise [bibliothèque] et [framework] et [modèle]. » Sauf raison particulière, décrivez le comportement et laissez l'outil choisir la pile technique.
• « Voici ma clé d'API : … » Ne collez jamais de secrets dans un chat. Utilisez les réglages de secrets de l'outil.
• Dix fonctions dans un même message. Découpez-les.

Faire de ces prompts une habitude

Après quelques projets, vous aurez vos propres versions de ces prompts. Gardez-les dans une note et réutilisez ceux qui fonctionnent. Mythex se souvient aussi de qui vous êtes et de votre façon de travailler d'un projet à l'autre : les préférences que vous répétez, comme votre style ou votre pile habituelle, sont reprises sans que vous ayez à les retaper.

Si vous bloquez sur un premier prompt, le générateur de prompts d'application gratuit transforme une idée en une ligne en un prompt de départ plus complet. Pour voir ce que ces prompts produisent en pratique, lisez nos exemples de vibe coding, ou collez le prompt 1 dans le créateur d'applications IA en remplaçant les crochets par votre propre idée.

Questions