Les meilleurs prompts : +100 exemples

Introduction

Vous n'avez plus besoin d'apprendre à parler à l'IA. Vous savez ce qu'est un prompt. Vous connaissez la méthode OQAF. Vous maîtrisez le contexte et les limites.

L'objectif de ce chapitre est purement utilitaire. C'est votre "Cheatsheet" (antisèche) personnelle. Mettez cette page dans vos favoris. Chaque fois que vous bloquez, que vous voulez refactoriser, optimiser ou débugger, venez copier-coller le prompt correspondant.

Comment utiliser cette bibliothèque

Un prompt de cette bibliothèque est comme un moteur de voiture. Il fonctionne parfaitement, mais vous devez le mettre dans la bonne carrosserie. Ne copiez jamais un prompt sans l'encadrer de votre contexte.

Catégorie 1 : Comprendre un projet existant (10 prompts)

Idéal quand vous arrivez sur un projet que vous n'avez pas codé vous-même.

• Découverte de projet : "Analyse ce dossier `/src` et explique-moi l'architecture globale en 10 lignes."
• Prise en main d'une feature : "Liste-moi tous les fichiers liés à l'authentification dans ce projet."
• Onboarding : "Fais-moi un résumé exécutif de ce que fait l'application."
• Analyse des librairies : "Lis le `package.json` et liste-moi les 5 dépendances principales et leur rôle."
• Modification backend : "Explique-moi le modèle de données (BDD) de cette application."
• Apprentissage : "Explique-moi ce composant React ligne par ligne comme si j'étais débutant."
• Audit de flux : "Où se trouve la logique qui gère la validation du panier d'achat ?"
• Audit qualité : "Quels sont les points faibles évidents de cette base de code ?"
• Compréhension structurelle : "Explique-moi la différence entre le dossier `/components` et `/pages` ici."
• Préparation de feature : "Donne-moi un plan d'attaque pour modifier le système de paiement."

Catégorie 2 : Modifier un projet et créer l'UI (15 prompts)

Pour ajouter des fonctionnalités et du design sans trembler.

• UI/UX : "Dans `header.css`, change la couleur principale pour un bleu nuit (#0A192F)."
• Évolution mineure : "Ajoute un bouton 'Télécharger' à côté du bouton 'Acheter' dans `Product.tsx`."
• Landing Page : "Crée une section 'Témoignages' sous le Hero Header avec 3 cartes."
• Mobile First : "Modifie le menu pour qu'il devienne un 'Burger Menu' sur mobile."
• Micro-interactions : "Ajoute une animation de 'fade-in' douce sur l'apparition de cette image."
• Nouvelle route : "Génère une nouvelle page `/contact` avec un formulaire (Nom, Email, Message)."
• Validation UX : "Rends ce champ 'Email' obligatoire et ajoute un message d'erreur rouge."
• Architecture UI : "Extrais le bouton en un composant réutilisable `<Button variant='primary'>`."
• Layout : "Ajoute un Footer avec 3 colonnes : Liens, Légal, et Réseaux Sociaux."
• Widgets UI : "Génère un composant FAQ en accordéon (qui s'ouvre au clic)."
• Responsive : "Passe cette grille de 3 colonnes Desktop en 1 colonne sur Mobile."
• Intégration : "Ajoute une Google Map dans la page Contact avec un marqueur centré sur Paris."
• Data UI : "Modifie ce tableau HTML pour que les colonnes soient triables au clic."
• Design : "Crée une galerie d'images CSS Grid de type Pinterest (Masonry layout)."
• Conformité : "Ajoute une bannière d'alerte cookie fixe en bas de l'écran."

Catégorie 3 : Corriger des Bugs / Debugging (15 prompts)

Votre trousse de secours quand l'écran devient rouge.

• Crash général : "Voici une erreur console : [ERREUR]. Quel fichier la provoque ?"
• Écran blanc : "Mon composant ne s'affiche pas. Vérifie les imports et les exports."
• Bug interactif : "Pourquoi ma variable d'état ne se met-elle pas à jour quand je clique ?"
• Bug Réseau : "Donne-moi 3 raisons possibles pour lesquelles cette requête API renvoie 404."
• Apprentissage : "Explique-moi l'erreur 'Cannot read properties of undefined' ligne 42."
• Débordement (Overflow) : "Pourquoi mon conteneur flexbox dépasse-t-il de l'écran sur la droite ?"
• Formulaires : "Mon formulaire recharge toute la page quand je le soumets. Comment l'empêcher ?"
• Responsive : "Pourquoi cette image est-elle déformée (écrasée) sur mobile ?"
• Crash navigateur : "Trouve la fuite de mémoire ou la boucle infinie dans ce composant."
• Mobile CSS : "Supprime ce débordement horizontal (scroll droit) inesthétique sur mobile."
• Design : "La police personnalisée Google Fonts ne charge pas. Pourquoi ?"
• Prévention API : "Le bouton est cliquable deux fois très vite. Bloque le double clic."
• Performances UI : "L'animation CSS saccade. Comment la forcer à utiliser le GPU (transform) ?"
• Authentification : "La session utilisateur se déconnecte aléatoirement. Vérifie la durée du Token."
• CSS Avancé : "Pourquoi ce z-index: 9999 ne passe-t-il pas au-dessus de l'autre div ?"

Catégorie 4 : Refactoring & Code Clean (15 prompts)

Parce qu'un code qui "marche" n'est pas forcément un "bon" code.

• Clean Code : "Simplifie cette fonction de 50 lignes en utilisant des méthodes ES6 (map, filter)."
• Lisibilité humaine : "Renomme toutes les variables de ce fichier pour qu'elles soient explicites en français."
• Architecture : "Crée des composants réutilisables à partir de ce gros fichier monolithique."
• Maintenabilité : "Supprime la duplication de code entre la fonction A et la fonction B."
• Hygiène de code : "Réorganise l'ordre des fonctions dans ce fichier pour que la lecture soit logique."
• Performances visuelles : "Optimise cette feuille CSS en regroupant les classes communes."
• Pré-production : "Nettoie le code : supprime tous les console.log et le code commenté inutilisé."
• Partage d'équipe : "Documente ce projet en ajoutant des commentaires JSDoc partout."
• Architecture MVC : "Isole la logique métier (calculs) en dehors du composant d'interface (UI)."
• Lisibilité : "Remplace tous ces `if/else` imbriqués par un objet d'association (switch/map)."
• Sécurité du code : "Passe ce fichier de JavaScript pur à TypeScript avec des types stricts."
• Légèreté : "Remplace l'utilisation de cette vieille librairie par du JavaScript natif (Vanilla)."
• Thématisation : "Centralise toutes les couleurs hexadécimales de ce fichier dans des variables CSS root."
• Lisibilité asynchrone : "Transforme ces requêtes Promise `then()` en syntaxe `async/await` moderne."
• Data Management : "Extrais les données textuelles en dur (hardcodées) vers un fichier JSON séparé."

Catégorie 5 : Documentation Automatique (10 prompts)

La tâche que tous les développeurs détestent, réalisée en 5 secondes.

• Maintenance : "Génère un bloc JSDoc complet pour cette fonction (paramètres, retour, exemple)."
• Open Source : "Rédige le fichier README.md idéal pour ce projet avec les commandes d'install."
• Lecture rapide : "Ajoute des commentaires explicatifs au-dessus de chaque bloc logique complexe."
• Onboarding : "Crée une FAQ technique de 5 questions/réponses sur l'architecture du projet."
• Livraison : "Génère un guide utilisateur (Markdown) expliquant comment utiliser l'interface."
• Communication frontend : "Rédige la documentation Swagger/OpenAPI pour cette route de serveur backend."
• Navigation IDE : "Résume les responsabilités de ce module dans un commentaire d'en-tête de fichier."
• Release notes : "Crée un changelog (Historique de versions) basé sur les 10 derniers commits."
• Documentation non-tech : "Explique l'algorithme mathématique de cette fonction de manière vulgarisée."
• Déploiement serveur : "Fais la liste exhaustive de toutes les variables d'environnement (.env) requises."

Catégorie 6 : Optimisation Extrême (15 prompts)

Pour passer de 60 à 100 sur Google Lighthouse (Performance, SEO, Accessibilité).

• Performance CPU : "Optimise les performances de cette boucle lourde (évite les recomptages inutiles)."
• Temps de charge : "Réduis la taille de ce fichier JavaScript en utilisant des syntaxes ES6 plus courtes."
• Performance UI : "Minifie ces 3 classes CSS en une seule classe utilitaire."
• Inclusion / Loi : "Ajoute les attributs ARIA nécessaires pour rendre ce composant 100% accessible (a11y)."
• Core Web Vitals : "Applique le lazy loading (chargement différé) sur toutes les images de cette page."
• Référencement : "Améliore le SEO sémantique en remplaçant les `div` par `article`, `section`, `nav`."
• Speed Index : "Optimise l'ordre de chargement des scripts dans le `head` (defer, async)."
• Fluidité UI : "Empêche ce composant React de se re-rendre (re-render) inutilement (useMemo/React.memo)."
• Mémoire du navigateur : "Mets en place de la pagination ou du 'Infinite Scroll' sur cette liste de 1000 items."
• Marketing : "Ajoute les balises Meta OpenGraph pour que le lien soit beau sur Twitter/Facebook."
• Accessibilité visuelle : "Passe toutes les couleurs de bordure en mode 'High Contrast' pour l'accessibilité."
• CLS (Web Vitals) : "Précharge (preload) la police de caractères critique pour éviter le saut de texte (FOIT)."
• Performance API : "Met en cache la réponse de cette API côté client (localStorage) pour éviter les requêtes."
• Fluidité Animation : "Optimise cette animation pour qu'elle utilise l'accélération matérielle (transform3d)."
• Réactivité UI : "Découpe cette grosse fonction en tâches asynchrones pour ne pas bloquer le thread principal."

Catégorie 7 : Productivité & DevOps (10 prompts)

Gérer les tâches invisibles, la planification et les scripts bash.

• Mise en ligne : "Génère une checklist de 10 choses à vérifier avant la mise en production du site."
• Lancement de feature : "Propose un plan de développement étape par étape (OQAF) pour un système de chat."
• Méthode Agile : "Découpe la création de ce Dashboard complexe en 5 petits tickets (Tâches) isolés."
• Garde-fou : "Génère un template de fichier standard pour tous les futurs composants du projet."
• Configuration : "Prépare la liste des dépendances exactes (npm install) dont j'aurai besoin pour faire ça."
• Suivi : "Analyse mes 3 derniers commits et fais un résumé de l'avancement du sprint."
• Collaboration : "Crée une charte de nommage claire pour les branches Git de cette équipe."
• Gestion du temps : "Identifie les 3 tâches les plus critiques à traiter en priorité sur ce fichier."
• Initialisation : "Fournis un script bash qui crée automatiquement l'arborescence des dossiers vides."
• Gestion Client : "Rédige le mail technique à envoyer au client pour justifier ce choix d'architecture."

Les prompts à bannir absolument (Avant / Après)

Les 20 prompts les plus puissants (Top Absolu)

Si vous ne devez en retenir que 20, ce sont ceux-là.

Créer vos propres modèles universels (Le Template Parfait)

Sauvegardez ce modèle à trous. C'est l'anatomie parfaite d'un prompt professionnel :

Les 15 erreurs mortelles avec les prompts copiés

• 1. L'Amnésie : Copier un prompt sans préciser sur quel fichier il s'applique.
• 2. Le Hors-Sujet : Utiliser un prompt de React sur un projet WordPress.
• 3. Le Mutisme : Ne pas réagir quand l'IA donne une mauvaise réponse à un bon prompt.
• 4. Le "Do It All" : Combiner 3 excellents prompts en une seule phrase géante. Crash assuré.
• 5. Le copier-coller de Markdown : Coller la réponse (avec les ```javascript) directement dans l'éditeur.
• 6. Le "J'ai oublié le CSS" : Demander l'UI, obtenir le HTML, mais pleurer car le design est cassé.
• 7. L'absence de version : Demander une route d'API Next.js sans préciser si c'est "Pages" ou "App Router".

Atelier pratique : Lequel choisir ?

Situation : Vous venez d'arriver dans une entreprise. Le projet a 4 ans d'âge. Le code est spaghetti.

Choix du prompt : Ne codez pas. Utilisez la Catégorie 1. Prenez le prompt : "Analyse ce dossier `/src` et explique-moi l'architecture." puis la Catégorie 5 : "Ajoute des commentaires explicatifs au-dessus de chaque bloc." C'est seulement après 2 heures d'audit IA que vous coderez.

Statistiques de la Bibliothèque

Foire aux Questions (FAQ) sur les Prompts

Conclusion du Guide Codex : Vous êtes prêt.

Ce guide Codex est la fondation de tout. Fort de ces principes, nous vous invitons maintenant à plonger dans la pratique absolue avec nos guides spécialisés : maîtrisez Claude Code pour l'autonomie en terminal, Cursor pour l'intégration visuelle, ou lancez-vous dans nos cas pratiques de création de SaaS.

Le futur du code n'appartient plus à ceux qui mémorisent la syntaxe, mais à ceux qui savent diriger les machines. Vous êtes l'un d'entre eux. Bon code !