Par défaut, Claude Code ne peut pas naviguer sur internet. Il travaille avec ce que tu lui fournis. En connectant Playwright — le framework de navigation headless de Microsoft — Claude devient capable d'ouvrir des pages, cliquer sur des éléments, remplir des formulaires et extraire des données en temps réel.
Ce que ça change concrètement
- Scraper n'importe quelle page, même rendue en JavaScript
- Automatiser des formulaires de connexion et de saisie
- Prendre des screenshots pour vérifier des interfaces
- Extraire des données structurées depuis des sites dynamiques
- Tester des flows utilisateur complets automatiquement
Installation du MCP Playwright
# Dans ton projet Claude Code
claude mcp add playwright
# Ou manuellement dans .claude/settings.json
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["@playwright/mcp@latest"]
}
}
}
💡 Zéro gaspillage de contexte
L'avantage de passer par MCP plutôt que de coller du HTML dans le chat : le contenu de la page n'entre jamais dans la fenêtre de contexte de Claude. Seulement les données que tu lui demandes d'extraire.
Exemples de prompts avec Playwright actif
"Va sur https://example.com, trouve tous les prix des produits
et retourne-les sous forme de tableau JSON"
"Connecte-toi sur mon dashboard (email: X, mot de passe: Y),
navigue vers les rapports du mois dernier et télécharge le CSV"
"Prends un screenshot de ma landing page sur mobile
et dis-moi ce qui pose problème côté UX"
Limitations à connaître
- Certains sites bloquent les navigateurs headless (Cloudflare bot protection)
- Les captchas nécessitent une intervention manuelle
- Les sessions sont temporaires — pas de cookies persistants entre les runs
⚡ Conseil pro
Combine Playwright avec un sous-agent dédié au scraping. L'agent sait déjà gérer les sélecteurs CSS, les délais d'attente et les erreurs réseau — tu n'as pas à l'expliquer à chaque fois.