# Prompt-pack : 20 prompts pour ton premier produit avec Claude Code Copie, remplace ce qui est entre crochets, colle dans Claude Code. Un prompt par conversation, sauf mention contraire. Si Claude te propose un plan, lis-le et réponds « ok » ou corrige avant qu'il code. ## Cadrer (avant d'écrire une ligne) ### 1. Trouver ma niche ``` Je veux construire un petit outil payant qui utilise l'IA. Je connais bien [ton métier ou ta passion]. Pose-moi 5 questions, une à la fois, pour trouver une tâche répétitive que des gens de ce milieu paieraient 10 à 20 € par mois pour ne plus faire. Ensuite propose-moi 3 idées, une ligne chacune, avec le type de personne qui paierait. ``` ### 2. Écrire le cahier des charges d'une page ``` Voici mon idée : [une phrase]. Écris un cahier des charges d'une page, en français, avec : à qui ça sert, le problème, ce que fait la version 1 (3 fonctions maximum), ce qu'elle ne fait pas, et comment on saura que ça marche. Pas de jargon. Enregistre-le dans docs/cahier-des-charges.md. ``` ### 3. Découper en tickets ``` Lis docs/cahier-des-charges.md. Découpe la version 1 en 10 à 15 tickets d'une heure maximum chacun, dans l'ordre où on va les faire. Chaque ticket : un titre, ce qui doit être vrai quand c'est fini. Enregistre dans docs/tickets.md. Ne code rien. ``` ### 4. Écrire mon CLAUDE.md ``` Lis le CLAUDE.md actuel. Ajoute une section « Ce projet » avec : le nom du produit, à qui il sert, la pile technique (Next.js, Postgres avec Neon, Clerk, Stripe, API Claude), et les 3 règles propres à ce projet que tu juges les plus utiles pour un débutant. Garde le fichier sous 60 lignes. ``` ### 5. Comprendre avant de toucher ``` Explique-moi comment est organisé ce projet comme si j'avais 12 ans : quels dossiers comptent, où est la page d'accueil, où sont les données, où est la base. Une phrase par dossier. Ne modifie rien. ``` ## Construire ### 6. Démarrer le squelette ``` Crée un projet Next.js avec TypeScript et Tailwind dans ce dossier. Pas de dépendance en plus. Lance-le et dis-moi quelle adresse ouvrir dans le navigateur. Ensuite, attends. ``` ### 7. Première page ``` Remplace la page d'accueil par une page simple avec : le nom [nom du produit], une phrase qui dit à quoi ça sert, et un bouton « Essayer ». Couleurs sobres, une seule police. Montre-moi le résultat avant d'aller plus loin. ``` ### 8. Un ticket, pas plus ``` Lis docs/tickets.md. On fait le ticket [numéro] et seulement celui-là. Propose-moi le plan en 3 à 5 étapes, attends mon ok, puis fais-le. À la fin, dis-moi quoi tester. ``` ### 9. Comptes utilisateurs ``` Ajoute l'inscription et la connexion avec Clerk. Les clés sont dans .env.local sous CLERK_SECRET_KEY et NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY. La page [nom de la page] doit être réservée aux utilisateurs connectés. Explique-moi en 3 lignes ce que fait Clerk avant de commencer. ``` ### 10. Brancher l'IA ``` Crée une route API qui reçoit [ce que tape l'utilisateur], appelle l'API Claude avec le modèle le plus récent, et renvoie [ce que l'utilisateur attend]. La clé est dans .env.local sous ANTHROPIC_API_KEY. Limite la réponse à [nombre] mots. Montre-moi le prompt système que tu comptes envoyer avant de l'écrire. ``` ### 11. Sauvegarder les résultats ``` Chaque résultat généré doit être enregistré dans la base Postgres (Neon, URL dans DATABASE_URL) avec l'utilisateur, la date et le texte. Ajoute une page « Historique » qui liste les résultats de l'utilisateur connecté, du plus récent au plus ancien. ``` ### 12. Trois écrans, j'en choisis un ``` Propose-moi 3 mises en page différentes pour [la page], sous forme de 3 pages de test accessibles sur /test/a, /test/b et /test/c. Même contenu, structure différente. Pas de dégradés, pas d'icônes génériques, pas de texte de remplissage. Je choisis, puis tu supprimes les deux autres. ``` ### 13. Faire payer ``` Ajoute un abonnement Stripe à [prix] € par mois. Clés dans .env.local sous STRIPE_SECRET_KEY et STRIPE_WEBHOOK_SECRET. Un utilisateur non abonné a droit à [nombre] générations gratuites, puis voit un bouton « S'abonner ». Explique-moi ce qu'est un webhook en 2 phrases avant de commencer, et dis-moi comment tester un paiement sans vraie carte. ``` ## Vérifier ### 14. Relire comme un développeur senior ``` Relis les fichiers modifiés depuis le dernier commit comme un développeur senior qui ne me connaît pas. Liste ce qui est fragile, ce qui est inutile, ce qui pourrait casser en production. Classe par gravité. Ne corrige rien encore. ``` ### 15. Écrire les tests ``` Écris des tests automatiques pour [la fonction ou la page]. Couvre le cas normal, un cas vide et un cas d'erreur. Lance-les et montre-moi le résultat. Si un test échoue, c'est peut-être le code qui a tort, pas le test : dis-moi lequel. ``` ### 16. Débloquer une erreur ``` Voici l'erreur complète : [colle tout le message]. Avant de corriger, dis-moi en une phrase ce qu'elle veut dire et quel fichier est en cause. Puis corrige au plus simple. Si tu n'es pas sûr, dis-le. ``` ### 17. Vérifier avant de dire « fini » ``` Avant de me dire que c'est terminé : lance le lint, la vérification des types et les tests. Montre-moi les résultats bruts. Si quelque chose est rouge, corrige et relance. Ensuite seulement, résume ce qui a changé. ``` ## Mettre en ligne ### 18. Préparer la mise en ligne ``` Prépare le projet pour Vercel : liste les variables d'environnement à renseigner dans le tableau de bord Vercel, vérifie que rien de secret n'est dans le code, et crée un fichier .env.example avec les noms des variables sans leurs valeurs. Dis-moi ensuite les étapes à faire à la main sur vercel.com, une par ligne. ``` ### 19. Brancher le nom de domaine ``` J'ai acheté [nom de domaine]. Explique-moi, étape par étape, quoi régler chez [registrar : OVH, Gandi, Namecheap] et quoi régler dans Vercel pour que le site réponde en HTTPS sur ce domaine. Une action par ligne, et dis-moi combien de temps attendre. ``` ### 20. Le bilan de fin de semaine ``` Lis docs/tickets.md et l'historique git de la semaine. Dis-moi : ce qui est fait, ce qui reste, ce qui a pris plus de temps que prévu et pourquoi. Puis propose les 3 tickets à faire la semaine prochaine. Pas de code. ``` --- Trois réflexes qui valent les 20 prompts : décris ce que tu veux voir, pas comment le coder. Dis « attends mon ok » dès que c'est gros. Lis ce que Claude a fait avant de dire « continue ».