memissa 101 201 WTF
01 / 09
↓ défiler pour continuer ↓
Formation de niveau 2
CLAUDE CODE
201

T'as survécu au terminal. Maintenant t'as un sidekick.

— Comment boss ton stagiaire IA sans pleurer (ou presque) 🤖


Level 2 unlocked 🔓
Chapter 1
Parler à Claude

Tu parles. Claude comprend. C'est déjà 10x mieux que Stack Overflow.


🇫🇷
Français

« Peux-tu corriger le bug dans la page login ? »

🇬🇧
English

"Can you fix the bug on the login page?"

🇨🇦
Franglais

« Fix-moi le bug dans la page login, s'il te plaît »

Les trois marchent. Claude s'en fout. Il s'adapte. 👑

Pour vrai : parle-lui comme à un collègue. Pas besoin de mots techniques. Si tu sais l'expliquer à un humain, Claude va comprendre.


FAQ rapide : « Est-ce que je dois dire s'il te plaît et merci ? »

Non. Claude n'a pas de sentiments. Il ne va pas te juger. Mais si ça te fait du bien, go. Ça change rien au résultat, mais ça dit beaucoup sur toi en tant que personne. 💛

Chapter 2
Allow ou Deny

Claude te demande la permission avant de toucher à tes fichiers. C'est plus poli que la majorité de tes collègues.


Claude Code
Claude veut modifier le fichier login.tsx
Allow | Deny

Allow quand...

Tu comprends ce qu'il veut faire et ça a du sens. Il t'explique avant d'agir — lis ce qu'il dit !

🚫
Deny quand...

Tu comprends pas ce qu'il fait, ça touche un fichier que tu connais pas, ou ton gut feeling dit non.

Dans le doute : Deny. Claude va pas pleurer, promis. 😌

⚠️ Confession honnête :
Même si tu cliques Allow sur quelque chose que tu comprends pas… c'est pas la fin du monde. Au pire ça marche pas, et tu fais un revert (on voit ça au chapitre 8). Personne va mourir. Ton ordi va pas exploser. Probablement.

* Ceci n'est pas un conseil officiel.

Chapter 3
Les lignes rouges
et vertes

Quand Claude modifie un fichier, il te montre ce qu'il a changé. C'est comme le « Suivi des modifications » dans Word.


Changements de Claude
Bienvenue sur notre site web.
- Le bouton est en bleu
+ Le bouton est en vert avec une icône
Cliquez ici pour commencer.

🔴
Rouge = retiré

La ligne avec le - c'est l'ancien texte. Claude l'a enlevé.

🟢
Vert = ajouté

La ligne avec le + c'est le nouveau texte. C'est le remplacement.


En résumé : les lignes blanches n'ont pas bougé. Rouge = avant. Vert = après. C'est juste un « avant/après » pour que tu puisses voir exactement ce qui a changé.


Track changes, mais pour le code. Design review vibes. 🏠
Chapter 4
Les slash commands

Des raccourcis qui commencent par / — ta télécommande pour Claude.

🆘
/help
/help

Affiche toutes les commandes disponibles. Le bouton « je suis perdu(e) ».

🚪
/exit
/exit

Quitter Claude proprement. Comme dire « bye » avant de raccrocher. On a du savoir-vivre.

🧹
/clear
/clear

Efface la conversation. Claude oublie tout. Utile quand il part dans le champ gauche.

Claude Code
> /help
Available commands:
/help Show available commands
/exit Exit Claude Code
/clear Clear conversation
/compact Compress conversation
...
> |
Si tu retiens juste /help, tu vas t'en sortir. 📟
Chapter 5
Installer un plugin

C'est comme installer une app sur ton cell, mais en moins intuitif et avec plus de fierté quand ça marche.


Les plugins de Claude Code s'appellent des MCP (Model Context Protocol). Ça donne des super-pouvoirs à Claude — lire Figma, naviguer le web, parler à Jira, etc.

MCP vs CLI vs quoi ? — Claude peut déjà utiliser des outils comme git ou npm tout seul via le terminal. Les MCP, c'est pour lui donner des capacités en plus qu'il n'a pas de base (lire un Figma, contrôler un browser, etc.). Si quelqu'un te parle de CLI ou CURL, c'est autre chose — ici on parle juste de MCP.

Terminal — zsh
# Installer le plugin Figma (exemple)
➜ ~ claude mcp add figma
✓ MCP server "figma" added successfully
# Voir les plugins installés
➜ ~ claude mcp list
figma ✓ running
playwright ✓ running

🎨
Figma

Claude peut lire tes designs Figma et générer du code à partir de ça

🌐
Playwright

Claude peut naviguer sur le web et tester des sites pour toi

🔌
Et plein d'autres

Slack, Jira, GitHub... Il y a un plugin pour pas mal tout

Trois mots : claude mcp add. C'est tout. 🔌
Chapter 6
Le CLAUDE.md

Le fichier où tu écris les règles de la maison pour ton stagiaire IA. C'est comme un manuel d'employé, mais pour un robot.


CLAUDE.md
# Règles du projet
- On code en TypeScript
- On utilise MUI pour les composants
- Toujours écrire en français dans le UI
- Ne jamais toucher au fichier config.prod.ts
- Les tests sont dans /tests
- Quand tu fais un commit, écris le message
en français

📍
Où le mettre ?

À la racine de ton projet. Claude le lit automatiquement à chaque fois qu'il se lance.

✍️
Quoi écrire ?

Les conventions de ton équipe, les fichiers à ne pas toucher, le style de code, la langue du projet.

Pas de CLAUDE.md = pas de règles = chaos total. 📜
Chapter 7
Le double-check

La règle d'or : ne fais jamais quelque chose sans le valider avec Claude d'abord. Il a la réponse à presque tout.


Claude Code
# Avant de commencer un travail
> Je veux refactorer la page login. Mon plan c'est de
séparer le formulaire en composants. Qu'est-ce que
t'en penses avant que je commence ?
Bonne approche. Par contre je suggérerais aussi de...
# Après avoir généré un CLAUDE.md
> Analyse mon CLAUDE.md et dis-moi si la structure
est optimale ou s'il manque quelque chose.
J'ai identifié 3 améliorations possibles...

🪞
Valide ton plan

Avant d'agir, expose ton idée à Claude. Il va te dire si c'est solide ou s'il y a des trous dedans.

🔍
Fais auditer

Ton CLAUDE.md, ton code, ta structure de projet — demande à Claude de les analyser et de les améliorer.

💰
Sauve des tokens

Valider avant d'exécuter, c'est 5 min de plus maintenant et des heures de moins à tout refaire après.


La mentalité à adopter :
Traite Claude comme un collègue senior qui est toujours disponible. Tu ne lancerais pas un gros changement sans en parler à quelqu'un d'abord, right ? Ben c'est pareil. Sauf que ce collègue-là est disponible 24/7 et il juge jamais.


Demande avant. Exécute après. Pleure des fois. 🧠
Chapter 8 · Section Urgence
Claude a tout brisé.
Pas de panique.

Ça va arriver. L'important c'est de savoir quoi faire.


⚡ Kit de retour en arrière

Annuler ce qu'il vient de faire :
Dis-lui :
« Undo ce que tu viens de faire »
Claude peut défaire ses propres changements.

Voir ce qu'il a touché :
Dis-lui :
« Montre-moi ce que t'as changé »
Il va te lister exactement quels fichiers il a modifiés.

Tout arrêter :
Ctrl + C
Stop immédiat. Claude arrête tout ce qu'il est en train de faire.

Option nucléaire :
Ferme le terminal au complet.
Rouvre-le et recommence. Zero shame. On a tous fait ça.


Claude Code
> Undo ce que tu viens de faire
OK, je vais annuler les modifications...
✓ Reverted changes to login.tsx
✓ Reverted changes to styles.css
> C'est quoi que t'avais changé exactement ?
J'avais modifié 2 fichiers : login.tsx (ligne 14-28)
et styles.css (ligne 52). Tout a été annulé.
Claude brise, Claude répare. C'est son problème, pas le tien. 🔧
Chapter 9
Les bons prompts

Parle-lui comme à un humain intelligent mais qui connaît RIEN de ton contexte.


❌ Vague

« Fix le bug »

« Ça marche pas »

« Fais-moi un site »

VS
✔ Précis

« Le bouton login retourne une erreur 404 quand je clique »

« La page s'affiche blanche sur mobile »

« Crée une landing page sombre avec un bouton centré »


🎯
Sois spécifique

Dis quel fichier, quel bouton, quel comportement. Plus t'es précis(e), mieux c'est.

📸
Montre-lui

Copie-colle l'erreur. Claude adore les messages d'erreur. C'est son love language.

🪜
Une chose à la fois

Demande pas 12 choses d'un coup. Une demande = une conversation claire.

Garbage in, garbage out. Bon prompt in, magie out. ✨
Level 2 complete 🏆
GG.
T'as maintenant un sidekick qui code pour toi.


Le cheat sheet officiel :


Parle en FR/EN/franglais Allow = confiance · Deny = doute Rouge = retiré · Vert = ajouté /help — au secours /exit — bye Claude /clear — on recommence claude mcp add — installer un plugin CLAUDE.md — les règles de la maison « Undo » — Claude répare ses erreurs Valide avant d'exécuter Sois spécifique dans tes prompts
T'es officiellement quelqu'un qui code avec une IA. Bienvenue dans le futur. 🚀

Made with 🩶 (et un peu de trauma)