- Claude Code
- 8 leçons · 47 min
MCP : brancher Claude sur tes outils
Branche Claude Code sur ton navigateur, GitHub, Figma ou ta propre API : une commande par serveur, la bonne portée, des clés bien gardées, et ton premier serveur MCP en TypeScript.
Les 2 premières leçons sont gratuites, sans compte.
Ce que tu vas apprendre
- Comprendre ce qu'est MCP : hôte, client, serveur, outils, et la différence entre un serveur local et un serveur distant
- Brancher un serveur en une commande avec claude mcp add, en HTTP ou en stdio, puis vérifier qu'il répond
- Choisir entre les portées local, project et user, et partager un fichier .mcp.json avec ton équipe
- Installer les serveurs utiles au quotidien : navigateur connecté, GitHub, Figma, documentation
- Garder la main sur la sécurité : serveurs de confiance, clés hors du dépôt, règles de permission
- Écrire ton propre serveur MCP en TypeScript avec le SDK officiel, et savoir quand une skill suffit
Pour qui, et ce qu’il faut savoir avant
Développeurs qui utilisent déjà Claude Code au quotidien et savent lancer une session dans un projet. Tu en as assez de copier-coller des données entre tes outils et le chat. Aucune connaissance de MCP n'est demandée. Pour la leçon où l'on écrit un serveur, il faut savoir lire du TypeScript et avoir Node.js installé.
Yoan, ton formateur
Développeur web depuis plus de 9 ans, fondateur de linedev.fr
Le programme
8 leçons courtes, 47 min de lecture en tout.
- 1MCP en une image : une prise entre Claude et tes outilsGratuite
- 2Ce que Claude fait dans mon navigateur connectéGratuite
- 3Ajouter un serveur : une commande, en HTTP ou en stdio
- 4Les trois portées et le fichier .mcp.json partagé
- 5Les serveurs utiles au quotidien : navigateur, GitHub, Figma, documentation
- 6Sécurité : à qui tu donnes les clés
- 7Écrire ton propre petit serveur MCP en TypeScript
- 8MCP ou skill : lequel choisir
Yoan, ton formateur
Développeur web depuis plus de 9 ans, fondateur de linedev.fr
Avant de commencer
Ce qu’il te faut pour refaire chaque étape chez toi.
Ton ordinateur
macOS 13, Windows 10 (version 1809), Ubuntu 20.04, Debian 10 ou Alpine 3.19 et plus récents, avec 4 Go de mémoire
Processeur x64 ou ARM64 et connexion internet. Le navigateur connecté ne fonctionne pas dans WSL : lance Claude Code sous Windows directement.
Tes comptes
Un abonnement Claude Pro, Max, Team ou Enterprise, ou un compte Console
L'offre gratuite de claude.ai ne donne pas accès à Claude Code. Le navigateur connecté et les connecteurs claude.ai demandent un abonnement, pas une clé d'API.
Un compte GitHub et un jeton à portée fine, pour le serveur GitHub (facultatif)
Un compte Figma, pour le serveur Figma (facultatif)
20 appels par mois avec un siège View ou Collab, davantage avec un siège Full ou Dev sur une offre payante.
À installer
Claude Code, version 2.1.299 ou plus récente
Avant la 2.1.299, certains serveurs HTTP dépassaient le délai de démarrage quel que soit MCP_TIMEOUT. L'installation native se met à jour seule.
Page d’installation : code.claude.com
Pour vérifier, tape
claude --version: un numéro de version s’affiche.Node.js 24, la version LTS (22.19 au minimum)
Pour les serveurs lancés avec npx (Playwright demande la 18), ton propre serveur en TypeScript et l'Inspecteur MCP, qui demande la 22.19.
Page d’installation : nodejs.org
Pour vérifier, tape
node --version: un numéro de version s’affiche.Chrome, Edge ou un navigateur Chromium, avec l'extension Claude in Chrome 1.0.36 ou plus
Pour le navigateur connecté. Brave, Arc, Vivaldi et Opera conviennent aussi. Connexion à Claude Code par /login obligatoire.
Ce que tu sais déjà faire
Ouvrir un terminal et y lancer une commande
Lire du TypeScript, pour la leçon où l'on écrit son propre serveur
Pas encore installé ? Le guide pas à pas montre chaque étape pour Windows, macOS et Linux.
Et après ?
- Si tu veux apprendre à Claude à bien se servir de tes serveurs avec un skill, c’est dans la formation Les skills : apprendre un savoir-faire à Claude.
- Si tu veux surveiller ou bloquer automatiquement les appels aux outils MCP, c’est dans la formation Les hooks : des garde-fous automatiques.
- Si tu veux brancher Claude Code sur ComfyUI pour générer tes images et tes photos, c’est dans la formation Tes images et tes photos avec ComfyUI.
Une question ? contact@linedev.fr