Chrome-CDP-Skill : Accès IA à vos onglets Chrome en direct
Chrome-CDP-Skill : Révolutionnez l'automatisation de navigateur IA
Imaginez donner à votre agent IA des yeux et des mains sur votre navigateur Chrome réel — les onglets que vous avez ouverts en ce moment, vos comptes Gmail/GitHub connectés, l'état actuel de votre flux de travail. Pas de lancement de navigateurs isolés. Pas de reconnexion aux services. Pas de rechargements de pages à zéro.
🎯 Pourquoi Chrome-CDP-Skill change tout
Les outils traditionnels comme Puppeteer ou Playwright lancent de nouvelles instances de navigateur. chrome-cdp-skill se connecte directement à votre Chrome en direct via le protocole Chrome DevTools (CDP). Votre IA voit :
- Les pages sur lesquelles vous êtes déjà connecté (Gmail, GitHub, outils internes)
- Les onglets actifs sur lesquels vous travaillez
- L'état réel de la page en plein milieu du flux de travail
2,6K étoiles GitHub prouvent que les développeurs adorent cette approche.
🚀 Installation sans configuration
# En tant que skill pi (le plus simple)
pi install git:github.com/pasky/[email protected]
# Ou copiez skills/chrome-cdp/ dans le répertoire de votre agent
# Nécessite seulement Node.js 22+ (pas d'install npm)
Activez une seule fois : chrome://inspect/#remote-debugging → interrupteur.
⚡ Commandes CLI puissantes
cdp list # Lister tous les onglets ouverts
cdp shot tab1 # Capture d'écran de l'onglet actuel
cdp snap tab1 # Arbre d'accessibilité
cdp html tab1 ".main" # HTML du sélecteur CSS
cdp click tab1 ".button" # Cliquer par sélecteur
cdp type tab1 "Hello AI" # Taper dans l'élément focalisé
cdp eval tab1 "window.title" # Exécuter JS dans le contexte de la page
cdp loadall tab1 ".more" # Auto-cliquer 'Load More'
🛡️ Mieux que chrome-devtools-mcp
| Fonctionnalité | chrome-cdp-skill | chrome-devtools-mcp |
|---|---|---|
| Connexions persistantes | ✅ Démons par onglet | ❌ Reconnexions à chaque commande |
| Modal "Autoriser le débogage" | ✅ Une fois par onglet | ❌ Apparaît à répétition |
| 100+ onglets | ✅ Fiable | ❌ Timeouts de cibles |
| Dépendances | ✅ Seulement Node.js | ❌ Pile plus lourde |
🎛️ Comment fonctionne la magie
- WebSocket direct vers le port de débogage distant de Chrome
- Démon léger lancé par onglet (se ferme auto après 20min d'inactivité)
- Une seule fois "Autoriser le débogage" par onglet
- Réutilisation des connexions silencieusement pour toutes les commandes
🌐 Détection automatique multiplateforme
✅ macOS : Chrome, Chromium, Brave, Edge, Vivaldi
✅ Linux : + navigateurs Flatpak
✅ Windows/WSL : Utilise LOCALAPPDATA, CDP_HOST
🚀 Démarrez en 60 secondes
- Clonez :
git clone https://github.com/pasky/chrome-cdp-skill - Activez :
chrome://inspect/#remote-debugging - Exécutez :
./scripts/cdp.mjs list
Votre agent IA contrôle maintenant votre vrai navigateur. Parfait pour Amp, Claude Code, Cursor, ou tout agent Node.js.