Créer un petit outil web avec Claude Code

Choisir un périmètre qu'un agent peut finir.

Les outils qui fonctionnent sont volontairement minuscules : une seule tâche, local au navigateur, sans compte, sans backend, rien d'envoyé. Pensez à un diff de texte, un générateur de motifs, une calculatrice. Ce périmètre tient dans un fichier HTML, ce qui signifie que l'agent peut le construire, le tester et le corriger en une seule boucle — et l'héberger est gratuit partout.

Ce dont vous avez besoin.

• Claude Code — inclus avec un forfait Claude Pro (17 $ par mois facturés annuellement, 20 $ au mois). Il s'exécute dans le terminal, l'application de bureau Claude, ou le navigateur.
• Un dossier vide et un navigateur pour tester.
• Un paragraphe d'intention — voir le brief à l'étape deux.

De l'idée à la publication en six étapes.

1. Installez Claude Code et connectez-vous avec votre compte Claude, puis ouvrez-le dans le dossier vide.
2. Rédigez le brief : ce que fait l'outil, à qui il s'adresse, et les contraintes — un seul index.html, CSS et JavaScript inline, tout calculé dans le navigateur, rien envoyé à un serveur.
3. Laissez l'agent construire la première version, puis ouvrez le fichier dans votre navigateur et utilisez-le comme le ferait un inconnu.
4. Signalez ce qui ne va pas en langage simple — l'agent corrige directement les fichiers, donc « le bouton copier ne fait rien sur Safari » est une instruction complète.
5. Vérifiez la mise en page à trois largeurs avec l'outil gratuit Responsive Preview.
6. Publiez le fichier sur n'importe quel hébergement statique gratuit, et lancez d'abord le Launch Checklist Prompt — le guide de vérification avant lancement montre comment.

Ce que ça coûte réellement.

Un petit outil coûte un abonnement, pas un budget de développement. Ce site entier — chaque outil et page gratuits qu'il contient — a un journal de construction public qui fixe le total à environ 565 $ à 825 $ en usage IA (voir les notes de version). Un outil représente une petite tranche de ce total. Claude Pro inclut Claude Code à 17 $ par mois facturés annuellement — ce lien de parrainage Claude vous permet de démarrer.

Quand un petit outil n'est pas la bonne construction.

Les comptes, paiements, données utilisateur stockées, ou tout ce qui est sensible casse le modèle local au navigateur — cela nécessite un vrai backend et une vraie ingénierie. Et si ce dont vous avez réellement besoin est une landing page plutôt qu'un outil, un modèle Carrd est le chemin le plus court.