Blog › Construire avec l'IA

Construire avec l'IA

Claude Code : 6 skills pour cadrer avant de coder

Les Claude Code skills qui changent le résultat vous obligent à cadrer avant que l’IA n’écrive une seule ligne. Pour votre client, cela représente l’écart entre un outil exécutant sa demande et un outil réalisant ce que l’IA a imaginé. Voici les 6 skills que je mobilise, selon la séquence d’un projet réel, ainsi que le livrable associé à chacun pour vous.

Le test : 2 min 30 sans cadrage, 12 minutes avec

J’ai tapé le même prompt deux fois : « Fais-moi un outil web qui dit à un freelance combien facturer par jour pour atteindre son objectif de revenu. »

Sans skill, Claude livre en moins de 2 min 30. Un outil web violet, quelques champs, et des choix faits à votre place : un revenu net annuel, des semaines de congés, un TJM calculé automatiquement. Ça marche. Ce n’est simplement pas ce que vous aviez en tête, parce que vous ne l’aviez pas encore décidé vous-même.

Le vrai coût arrive ensuite. L’IA ne défait pas ce qu’elle a fait : elle empile. Des routines qui corrigent des routines, des patchs sur des patchs, et chaque correction coûte plus cher que la précédente, parce que les fondations n’étaient pas les bonnes.

Avec le plan mode et le skill /interroge, Claude ne génère rien tout de suite. Il pose 8 questions : le modèle de calcul, les charges, les impôts, le régime juridique, les jours facturables, la stack, le style, les couleurs. Il ne demande pas ce qu’il peut trouver seul : il lit le code existant et va chercher les taux en vigueur pour les freelances.

Il a fallu 12 minutes au lieu de 2 min 30. L’outil n’a plus rien à voir : beaucoup plus d’options de configuration, et il fait ce que vous vouliez au lieu de ce que l’IA avait supposé. Je préfère largement attendre ces 10 minutes de plus.

Pourquoi le vibe coding casse au deuxième jour

Imaginez un entrepreneur du bâtiment sans plan et sans calendrier. Sans plan, il empile les briques : une pièce sans porte, un escalier qui ne mène nulle part, plus de place pour la salle de bain. Sans calendrier, il peint avant la plomberie et casse pour recommencer.

Le vibe coding cumule les deux : pas de destination, pas d’ordre. L’IA construit vite et sans se plaindre exactement ce que vous avez demandé, ce qui n’est pas forcément ce dont votre client a besoin.

Mieux prompter ne règle rien. Il faut cadrer avant de générer, et c’est le travail des 6 skills qui suivent.

Les 6 skills, dans l’ordre où je les utilise

1. /interroge : comprendre le vrai besoin

C’est l’étape que tout le monde saute. Une question à la fois, avec une recommandation justifiée à chaque fois, jusqu’à ce que vous et l’IA partagiez la même compréhension. Je m’en sers pour une fonctionnalité simple et pour mes demandes du quotidien.

2. /cadre : le PRD, la source unique de vérité

Pour un nouveau projet (une application interne pour un client, un SaaS), je passe à la méthode projet. /cadre produit un PRD (Product Requirements Document) de une à deux pages, rangé dans docs/. Il dit pourquoi et quoi, jamais comment, en 8 sections fixes et des user stories numérotées. J’ai détaillé le PRD rempli sur l’outil du freelance, section par section.

3. /planifie : des tranches que l’on peut tester

Donnez le PRD tel quel à l’IA, et elle génère toutes les couches d’un coup : impossible à relire, impossible à tester. /planifie découpe le PRD en balles traçantes, un principe du livre Le programmeur pragmatique d’Andrew Hunt et David Thomas. Chaque tranche traverse toute la stack (base de données, API, interface, tests) et se montre seule dès la phase 1.

Le fichier docs/PLAN.md donne, pour chaque phase, les user stories concernées, ce qui est livré, les critères d’acceptation et les dépendances. Le PRD dit où vous allez, le plan dit dans quel ordre.

4. /design : sortir du slop IA

Police Inter, fond blanc, dégradé violet : vous reconnaissez ce style parce que vous l’avez vu partout. Sans direction visuelle, l’IA pioche dans ce qu’elle a le plus vu.

/design commence par regarder ce qui se fait dans la catégorie du produit, puis propose un système complet (esthétique, typographie, couleurs, espacements, animations) avec une justification par choix. Il dit où suivre les standards pour rester crédible, et où prendre un risque pour se démarquer. Vous recevez un aperçu HTML avant la première ligne d’interface. Inter et Roboto sont bannis par défaut.

5. /investigue : déboguer comme un scientifique

Un bug arrive toujours. Sans méthode, l’IA essaie une chose, puis une autre, touche du code qui n’a rien à voir, et 20 minutes plus tard le bug a juste changé de place. /investigue impose 4 phases validées et s’arrête après 3 hypothèses fausses. Je détaille la méthode de debug en 4 phases dans un article à part.

6. /illustre : un diagramme qui argumente

Le skill bonus. Au départ, pour aligner un client ou un associé sur ce que vous allez construire. À la fin, pour documenter l’architecture. Vous obtenez un diagramme Excalidraw en PNG et en SVG sans quitter Claude Code, construit sur des patterns prêts à l’emploi : pipeline, enchaînement de tâches, cycle, avant/après.

Où se place cette méthode parmi les 8 du marché

Il existe au moins 8 méthodes reconnues pour structurer le travail avec Claude Code. La mienne est la plus légère : trois fichiers Markdown dans docs/, pensée pour un solo ou un développeur débutant. Au milieu, GSD ou OpenSpec tiennent de grands projets, avec un vrai temps d’apprentissage et beaucoup plus de tokens. Tout en haut, BMAD reproduit un cycle agile complet avec 12 agents.

Commencez par la plus légère. Vous monterez en charge le jour où le projet le réclamera.

Installer les 6 skills en 30 secondes

bash
npx skills add naiersaidane/claude-mastery

La commande installe les 6 skills de la vidéo, plus /branche et /livre pour la livraison Git. Ils marchent dans Claude Code et dans tout agent qui lit les skills. Vous les lancez par leur commande (/interroge, /cadre, /planifie, /design, /investigue, /illustre) ou par une phrase : « cadre ce projet », « débugge ça », « fais-moi un diagramme ».

Livrer

Ce que vous pouvez vendre avec ça

Votre client idéal est une PME comptant de 5 à 50 collaborateurs, souhaitant un outil interne sans disposer de personne pour le développer : qu’il s’agisse d’un cabinet comptable désirant produire ses lettres de mission ou d’une agence immobilière cherchant à gérer ses mandats.

Vous remettez en premier lieu le PRD de deux pages, que le dirigeant consulte en votre absence. Arrivent après le découpage en tranches et une première tranche opérationnelle (base, API, écran, tests), suivis par la maquette du design avant tout code d’interface, enfin le schéma d’architecture lors de la livraison.

Pour le présenter, une phrase suffit : « Avant d’écrire une ligne de code, je vous envoie deux pages qui disent ce que l’outil fera et ce qu’il ne fera pas. Après votre validation, la première portion s’exécute dès l’étape initiale. » Votre client comprend ce qu’il paie, et l’outil n’est pas reconstruit à trois reprises.

L'Accélérateur IA

Signez vos 3 premiers clients IA en 180 jours

Les inscriptions sont fermées. Rejoignez la liste d'attente : vous serez prévenu dès la prochaine ouverture.

Rejoindre la liste d'attente