Serveurs MCP — Claude Code en action

Serveurs MCP avec Claude Code

Les commandes personnalisées de la leçon précédente réutilisent des instructions ; les serveurs MCP, eux, ajoutent des capacités. Vous pouvez étendre Claude Code en branchant des serveurs MCP (Model Context Protocol), qui fonctionnent soit à distance, soit localement sur votre machine, et qui fournissent à Claude de nouveaux outils venant s’ajouter à Read, Edit, Bash et compagnie. C’est la traduction très concrète de ce que nous avons vu en début de cours : Claude sait se servir d’outils qu’il n’a jamais rencontrés, à partir de leur seule description.

L’un des serveurs MCP les plus populaires est Playwright, qui donne à Claude la capacité de contrôler un navigateur web. Le saut est considérable. Jusqu’ici, Claude pouvait écrire du code d’interface et vérifier qu’il compilait, sans jamais savoir à quoi ressemblait le résultat ; avec Playwright, il ouvre la page et regarde ce qu’elle produit réellement.

Installer un serveur MCP

Pour ajouter le serveur Playwright à Claude Code, exécutez cette commande dans votre terminal — dans le terminal, pas à l’intérieur d’une session Claude Code, la confusion est fréquente et produit un message d’erreur déroutant :

claude mcp add playwright npx @playwright/mcp@latest

Cette commande nomme le serveur MCP « playwright » et fournit la commande qui le démarre localement. Le nom que vous choisissez ici n’est pas décoratif : il servira de préfixe aux outils exposés par le serveur, et vous le retrouverez tel quel à l’étape suivante.

Gérer les permissions

Par défaut, Claude vous demande l’autorisation avant chaque appel d’outil externe. La précaution est bienvenue le premier jour, mais elle devient vite pénible sur un serveur que vous sollicitez en boucle. Pour éviter ces demandes répétées, ouvrez .claude/settings.local.json et ajoutez le serveur au tableau allow :

{
  "permissions": {
    "allow": ["mcp__playwright"],
    "deny": []
  }
}

Notez les doubles underscores dans mcp__playwright. Avec un seul underscore, l’entrée ne correspond à rien : les demandes de permission continuent d’apparaître, et aucun message d’erreur ne vous explique pourquoi votre configuration semble ignorée. Quand une autorisation ne prend pas effet, c’est la première chose à vérifier.

Exemple pratique

Voyons ce que cela change sur une tâche réelle. Vous mettez au point un prompt de génération de composants et, jusqu’ici, vous procédiez à la main : lancer l’application, regarder le rendu, ajuster le prompt, recommencer. Avec le serveur Playwright branché, vous pouvez demander à Claude de :

Ouvrir un navigateur et naviguer vers votre application
Générer un composant de test
Analyser le rendu visuel et la qualité du code
Mettre à jour le prompt de génération en fonction de ce qu’il observe
Tester le prompt amélioré avec un nouveau composant

La boucle se referme sans vous, et c’est précisément ce que le serveur apporte. L’avantage clé est que Claude peut voir le rendu visuel réel, pas seulement le code : un composant dont le CSS est syntaxiquement correct mais qui déborde de son conteneur passe tous les tests unitaires et saute aux yeux dès qu’on regarde l’écran. Sans ce retour visuel, Claude corrigerait à l’aveugle un défaut qu’il n’a aucun moyen de constater, et vous seriez de nouveau la seule paire d’yeux de la boucle.

Explorer d’autres serveurs MCP

Playwright n’est qu’un exemple, choisi parce qu’il illustre bien le principe. L’écosystème couvre des domaines très différents. Des serveurs de bases de données permettent d’interroger directement vos données, ce qui évite à Claude de deviner la forme d’une table à partir du code qui l’utilise — et de se tromper quand une migration a modifié la colonne sans que le modèle ne suive. Des serveurs de tests d’API servent à surveiller et tester vos endpoints, là encore en observant des réponses réelles plutôt que des réponses supposées.

D’autres ouvrent l’accès à des services cloud pour interagir avec AWS, GCP et leurs équivalents, ou automatisent des outils de développement en intégrant ceux que votre équipe utilise déjà : suivi de tickets, intégration continue, documentation interne.

Explorez les serveurs MCP qui correspondent à vos besoins spécifiques, en gardant en tête le critère qui guide ce choix : ajoutez un serveur lorsqu’il donne à Claude accès à une réalité qu’il ne peut pas déduire de votre code. C’est ce basculement qui le fait passer d’un assistant de code à un partenaire de développement complet.