Serveurs MCP — Claude Code en action

Serveurs MCP avec Claude Code

Vous pouvez etendre les capacites de Claude Code en ajoutant des serveurs MCP (Model Context Protocol). Ces serveurs fonctionnent soit a distance, soit localement sur votre machine, et fournissent a Claude de nouveaux outils.

L’un des serveurs MCP les plus populaires est Playwright, qui donne a Claude la capacite de controler un navigateur web.

Installer un serveur MCP

Pour ajouter le serveur Playwright a Claude Code, executez cette commande dans votre terminal (pas a l’interieur de Claude Code) :

claude mcp add playwright npx @playwright/mcp@latest

Cette commande nomme le serveur MCP “playwright” et fournit la commande qui le demarre localement.

Gerer les permissions

Pour eviter les demandes de permission repetitives, ouvrez .claude/settings.local.json et ajoutez le serveur au tableau allow :

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

Notez les doubles underscores dans mcp__playwright.

Exemple pratique

Au lieu de tester et ajuster manuellement, vous pouvez demander a Claude de :

Ouvrir un navigateur et naviguer vers votre application
Generer un composant de test
Analyser le rendu visuel et la qualite du code
Mettre a jour le prompt de generation en fonction de ce qu’il observe
Tester le prompt ameliore avec un nouveau composant

L’avantage cle est que Claude peut voir le rendu visuel reel, pas seulement le code.

Explorer d’autres serveurs MCP

Playwright n’est qu’un exemple. L’ecosysteme inclut des serveurs pour :

Bases de donnees — interroger directement vos donnees
Tests d’API — surveiller et tester vos endpoints
Services cloud — interagir avec AWS, GCP, etc.
Automatisation d’outils — integrer vos outils de developpement

Explorez les serveurs MCP qui correspondent a vos besoins specifiques. Ils peuvent transformer Claude d’un assistant de code en un partenaire de developpement complet.