Construire un projet à partir d'une description
Un prompt, de l'idée à l'app fonctionnelle
⏱ Estim. ~8 min
01 · Lire
On va construire un truc vraiment cool. Jusqu'ici tu as créé des fichiers uniques et fait de petites éditions. Mais Claude Code peut gérer beaucoup plus — tu peux lui donner une description complète de projet et le regarder tout construire.
La clé pour avoir de bons résultats, c'est d'être assez précis. Plus tu fournis de détails sur les fonctionnalités, le comportement et le design, plus Claude peut s'approcher de ce que tu veux du premier coup.
On va construire un gestionnaire de favoris — une petite web app pour enregistrer, voir et supprimer des favoris. Pas de serveur — tout tourne dans le navigateur via le localStorage.
02 · Modèle de prompt
Donne à Claude une description détaillée du projet. Remarque à quel point ce prompt est précis — il liste chaque fonctionnalité, décrit le comportement et indique l'approche technique.
Construis-moi une web app simple de gestion de favoris :
- Une page HTML avec un formulaire pour ajouter des favoris (URL et titre)
- Du JavaScript qui sauvegarde les favoris dans le localStorage
- Une liste qui affiche tous les favoris enregistrés
- Un bouton supprimer pour chaque favori
- Un style CSS propre et moderne
- Tout en single-page app (pas de serveur nécessaire)
03 · Pratique réelle
Ouvre le fichier HTML que Claude a créé dans ton navigateur et essaie. Ajoute quelques favoris, rafraîchis pour confirmer qu'ils sont bien enregistrés, et teste les boutons supprimer.
open index.html
04 · Liste de vérification
Teste le gestionnaire de favoris à fond. Coche chaque fonctionnalité quand elle marche.
- Je peux ajouter un favori avec une URL et un titre
- Les favoris sont listés
- Le bouton supprimer enlève le favori
- Les favoris persistent après un rafraîchissement
05 · Quiz
Qu'est-ce qui rend un prompt plus efficace pour Claude Code ?
- Moins de mots, c'est mieux
- L'écrire en code plutôt qu'en langage naturel
- Tout demander d'un coup
- Être précis sur les fonctionnalités, la stack technique et la structure
06 · Compléter
Quand tu demandes à Claude Code de construire un projet, une description _____ avec des fonctionnalités concrètes donne de bien meilleurs résultats qu'une requête vague.
07 · Lire
Tu viens de construire une web app complète et fonctionnelle avec des descriptions en langage naturel. Réfléchis au temps que ça aurait pris à la main — mettre en place la structure HTML, écrire le JavaScript pour le localStorage, gérer la soumission du formulaire, faire la logique de suppression, tout mettre en page avec CSS.
Avec Claude Code, la première version prend quelques secondes. Si quelque chose ne va pas, tu itères : tu demandes à Claude de corriger, d'ajouter des fonctionnalités, de changer le design.
C'est la puissance du développement assisté par IA. Tu apportes les idées et le jugement, Claude apporte la vitesse.
Points clés
- Des prompts détaillés produisent de meilleurs résultats — liste chaque fonctionnalité que tu veux
- Teste toujours le résultat toi-même avant de continuer
- Si quelque chose ne va pas, décris le problème et demande à Claude de corriger
- Claude construit en quelques secondes ce qui prendrait beaucoup plus de temps à la main
08 · Quiz
Tu veux demander à Claude Code de construire une todo list app. Quel prompt donnera le meilleur résultat du premier coup ?
- Construis une todo list web app avec un champ pour ajouter des tâches, une liste qui affiche toutes les tâches, une case à cocher pour marquer comme terminé, un bouton supprimer pour chaque tâche, et du localStorage pour persister au rafraîchissement
- Construis une todo app
- Fais quelque chose d'utile en JavaScript
- Construis une todo app avec toutes les fonctionnalités
09 · Compléter
Une fois que Claude a construit un projet, _____ toujours le résultat toi-même avant de continuer.
Autres leçons de ce chapitre
⚠ L'expérience interactive complète nécessite JavaScript. Active-le et recharge la page.
※ Ce site est un projet éducatif indépendant — pas un produit officiel d'Anthropic. Claude™ est une marque déposée d'Anthropic, PBC.