Le projet
Penser avant de prompterUne IA qui code va vite. Si ta demande est floue, elle code vite dans la mauvaise direction. Avant le premier prompt, on fixe donc le cahier des charges : pour qui, pour quoi faire, en combien de temps. Ici : apprendre à taper sans regarder, en 14 séances de 10 minutes. Touche les jours du plan pour voir les touches apprises.
On commence par la rangée du milieu, celle où les doigts se reposent. Toutes les autres touches se tapent en partant de là.
Ce plan est un tableau : 14 cases, une par jour. L’IA le rangera exactement comme ça dans le code (étape 5 des prompts).
Placer ses doigts
F et J ont une encocheSur ton clavier, les touches F et J ont une petite bosse. Pose tes deux index dessus sans regarder. Les autres doigts se rangent à côté : Q S D F à gauche, J K L M à droite, les pouces sur la barre d’espace. Chaque doigt a sa couleur et ses touches. Tape les 8 touches de repos (ou touche-les à l’écran).
Tape F avec ton index gauche pour commencer.
Chaque doigt revient à sa place après chaque touche. C’est ce retour qui permet de taper sans regarder.
Les index travaillent plus : chacun couvre deux colonnes (F et G, H et J).
Lent et juste vaut mieux que rapide et faux. La vitesse vient toute seule après quelques jours.
Les prompts, étape par étape
Un prompt = une seule étapeVoici les 7 prompts qui ont fabriqué le jeu. On ne demande jamais tout d’un coup : on construit, on teste, puis on ajoute. L’IA écrit en JavaScript, la langue des pages web. Bonne nouvelle : ce sont les mêmes pièces qu’en Python dans la partie 1.
Le design avec une IA d’image
Montrer plutôt que décrireSans consigne, une IA qui code fait un site fonctionnel mais triste. Pour le design, on travaille en deux temps : une IA d’image (ChatGPT Images, par exemple) crée la mascotte et l’ambiance, puis l’IA qui code les intègre en suivant une image de référence. Compare l’avant et l’après.
Même code, mêmes règles. Il manque une direction artistique.
Crée la mascotte d’un jeu de dactylo pour ados : un petit robot en forme de touche de clavier, sympathique, style 3D doux et mat, couleurs violet, jaune et rose. Fond transparent, sans texte, format carré.
Dessine l’écran d’un jeu de dactylo en vue de face : une grande lettre à taper au centre, un clavier AZERTY coloré par doigt en bas, le score et le combo en haut, des étoiles. Style interface moderne, coins arrondis, fond clair, couleurs vives mais douces.
Voici une image de référence (ecran-reference.png) et la mascotte (mascotte.png). Refais le design du jeu dans ce style : mêmes couleurs, coins arrondis, grandes touches, police ronde. Place la mascotte à côté du score. Garde les couleurs des doigts. Ne change pas les règles du jeu.
Une image vaut un long prompt. Joindre une capture ou une maquette donne à l’IA les couleurs, les formes et la mise en page d’un coup.
« Ne change pas les règles du jeu » : précise toujours ce qui ne doit pas bouger, sinon l’IA peut casser ce qui marchait.
Teste le résultat
45 secondes, 4 touchesVoici le jeu obtenu après les 7 prompts. Pose tes doigts sur la rangée de repos et lance une partie. À droite, regarde le code travailler : à chaque touche, la condition est testée et les variables changent. Avec 2 étoiles, tu débloques le jour suivant.
Lance une partie : les lignes exécutées s’allument.
Le combo est une variable qui repart à zéro à la moindre erreur. C’est elle qui rend le jeu prenant.
Math.random tire la prochaine lettre au hasard : c’est la librairie du hasard de JavaScript.
Le chrono est une boucle qui tourne toutes les 100 millisecondes jusqu’à zéro.
À toi de le refaire
Sur ton IA, avec ta patteRefais le projet sur l’outil de ton choix, en reprenant les prompts de l’étape 3. Change ce que tu veux : la mascotte, les couleurs, les règles. Coche chaque étape quand elle marche.
Le mode Canvas
Dans ChatGPT ou Gemini, active Canvas : l’IA écrit le code et affiche le jeu à côté. Rien à installer.
Codex
L’agent de code d’OpenAI crée et modifie les fichiers d’un vrai projet, depuis ChatGPT ou un terminal.
Claude Code
L’outil de code d’Anthropic, même principe, dans un terminal ou l’application. Réservé aux 18 ans et plus.
Codex et Claude Code demandent un compte, souvent payant. Fais-le avec un adulte, ton prof ou ton club de code. Vérifie l’âge minimum de chaque service.
Lis le code avant de l’accepter. Si une ligne te paraît obscure, demande « explique-moi cette ligne ».
Garde une copie qui marche avant chaque nouveau prompt. Si l’IA casse tout, tu reviens en arrière.
Pas de données perso dans tes prompts : ni nom complet, ni adresse, ni mot de passe.