Les prompts de départ, à copier

Avec une IA qui code, la qualité du résultat dépend surtout de la façon dont tu demandes. Voici les six prompts qui servent dans presque tous les projets : planifier, construire un petit outil, comprendre, corriger un problème, faire relire, reprendre un projet. Ils marchent avec les trois familles d'outils, en adaptant la forme.

1. Le plan avant le code

Avant tout projet de plus d'une page, demande un plan. Tu valides, puis seulement l'IA code.

Je veux créer : [ton projet en une phrase].
Pour qui : [tes clients ou utilisateurs].
Ce que la personne doit pouvoir faire : [liste de 3 à 6 actions].
Contraintes : je ne suis pas développeur, je veux la solution la plus simple possible à héberger et à maintenir, de préférence un site statique sans base de données.

Ne code rien pour l'instant. Propose-moi :
1. La liste des pages ou des écrans.
2. Les fichiers qui seront créés, avec le rôle de chacun en une ligne.
3. Ce dont j'aurai besoin en plus du code (hébergement, nom de domaine, service externe).
4. Les risques ou les points de vigilance pour quelqu'un qui débute.
5. Ce qui pourrait être fait plus simplement avec un outil existant.

Le point 5 est un garde-fou : une bonne IA te dira parfois que ton projet existe déjà tout fait.

2. Le petit outil maison

C'est le cas d'usage idéal. Exemple avec le calculateur de Mehdi, artisan peintre.

Crée une page index.html autonome (HTML, CSS et JavaScript dans le même fichier, sans bibliothèque externe) : un calculateur de peinture pour mes clients.

L'utilisateur saisit : la longueur et la largeur de la pièce en mètres, la hauteur sous plafond, le nombre de portes et de fenêtres, le nombre de couches.
Le calcul : surface des murs moins [surface que tu retiens par porte] m² par porte et [surface par fenêtre] m² par fenêtre, multipliée par le nombre de couches, divisée par [rendement en m² par litre].
Le résultat affiche : la surface à peindre et le nombre de litres nécessaires, arrondi au litre supérieur.

Règles : les champs refusent les valeurs négatives ou vides avec un message clair ; la page est lisible sur téléphone ; aucune donnée n'est envoyée ni enregistrée.
Ajoute sous le résultat la phrase : « Estimation indicative, à confirmer lors du devis. »
Commente le code du calcul pour que je puisse vérifier la formule.

Remarque : c'est toi qui donnes la formule et les valeurs, pas l'IA. Ce sont tes règles de métier. Vérifie ensuite le résultat sur trois exemples que tu sais calculer à la main.

3. Comprendre ce qui a été écrit

Explique-moi ce fichier comme à quelqu'un qui n'a jamais codé.
Découpe-le en parties, et pour chacune dis-moi en 2 phrases : à quoi elle sert, et ce que je peux modifier sans risque (un texte, une couleur) ou pas.
Termine par les 3 endroits où je modifierai le plus souvent (horaires, téléphone, textes).
[colle le fichier]

Ce prompt est ton assurance pour l'avenir. Le jour où tu changes d'horaires, tu sais où regarder.

4. Corriger un problème

Une IA corrige bien quand on décrit bien. Décris le symptôme, pas ta supposition.

Problème : [ce que tu vois, précisément : « sur mon téléphone, le bouton Appeler est caché sous la photo »].
Ce que j'attendais : [le comportement voulu].
Où : [navigateur, ordinateur ou téléphone, modèle si tu le sais].
Message d'erreur éventuel : [copie exacte, ou « aucun »].
Voici le fichier complet : [colle le fichier].
Explique d'abord la cause en 2 phrases, puis donne le fichier corrigé, sans rien modifier d'autre.

Si la correction ne marche pas après deux essais, change de stratégie : demande à l'IA de revenir à la dernière version qui fonctionnait et de reprendre autrement.

5. La relecture avant mise en ligne

Relis ce fichier comme un développeur expérimenté qui prépare une mise en ligne. Fais un rapport, sans réécrire le code :
1. Sécurité : y a-t-il des informations sensibles dans le code (mots de passe, clés, adresses e-mail exposées aux robots), des scripts externes non nécessaires ?
2. Téléphone : quelque chose risque-t-il de dépasser ou d'être trop petit ?
3. Accessibilité : textes alternatifs, contrastes, tailles de texte, boutons utilisables au clavier.
4. Référencement : balise title, meta description, un seul titre principal h1.
5. Vitesse : images trop lourdes, code inutile.
Classe chaque point en « à corriger avant la mise en ligne » ou « amélioration possible ».

Cette relecture par l'IA ne remplace pas un regard humain compétent, mais elle attrape beaucoup d'oublis.

6. Reprendre un projet après une pause

Une conversation ne se souvient pas forcément de ton projet d'il y a trois mois.

Je reprends un projet après une pause. Voici le contexte :
- Le projet : [une phrase].
- Les fichiers : [liste, ou colle le fichier principal].
- Ce qui marche, ce qui reste à faire : [liste].
- Mes contraintes : je ne suis pas développeur, je veux des changements simples et expliqués.
Résume ce que tu comprends du projet en 5 lignes avant de faire quoi que ce soit.

Garde ce contexte dans un fichier notes.txt à l'intérieur du dossier de ton projet, et mets-le à jour à chaque séance.

Les réflexes qui valent tous les prompts

À toi de jouer

Copie ces six prompts dans le fichier notes.txt de ton projet. Lance le prompt 3 sur la page créée à la leçon précédente et note les trois endroits que tu modifieras le plus souvent. Puis lance le prompt 5 et corrige les points marqués « à corriger avant la mise en ligne ».