Chrome-CDP-Skill: Acceso de IA a tus pestañas de Chrome en vivo
Chrome-CDP-Skill: Revoluciona la automatización de navegadores con IA
Imagina darle a tu agente de IA ojos y manos en tu navegador Chrome real—las pestañas que tienes abiertas ahora mismo, tus cuentas de Gmail/GitHub iniciadas de sesión, el estado actual de tu flujo de trabajo. Sin lanzar navegadores aislados. Sin volver a iniciar sesión en servicios. Sin recargas de página desde cero.
🎯 Por qué Chrome-CDP-Skill lo cambia todo
Herramientas tradicionales como Puppeteer o Playwright inician instancias nuevas de navegador. chrome-cdp-skill se conecta directamente a tu Chrome en vivo mediante el Chrome DevTools Protocol (CDP). Tu IA ve:
- Páginas en las que ya estás logueado (Gmail, GitHub, herramientas internas)
- Pestañas activas en las que estás trabajando
- Estado real de la página en medio del flujo de trabajo
2.6K estrellas en GitHub demuestran que los desarrolladores aman este enfoque.
🚀 Instalación sin configuración
# Como skill de pi (lo más fácil)
pi install git:github.com/pasky/[email protected]
# O copia skills/chrome-cdp/ a tu directorio de agente
# Solo necesita Node.js 22+ (sin npm install)
Habilita una vez: chrome://inspect/#remote-debugging → alterna el interruptor.
⚡ Comandos CLI potentes
cdp list # Lista todas las pestañas abiertas
cdp shot tab1 # Captura de pantalla de la pestaña actual
cdp snap tab1 # Árbol de accesibilidad
cdp html tab1 ".main" # HTML del selector CSS
cdp click tab1 ".button" # Hacer clic por selector
cdp type tab1 "Hello AI" # Escribir en el elemento enfocado
cdp eval tab1 "window.title" # Ejecutar JS en el contexto de la página
cdp loadall tab1 ".more" # Auto-clic en 'Cargar más'
🛡️ Mejor que chrome-devtools-mcp
| Característica | chrome-cdp-skill | chrome-devtools-mcp |
|---|---|---|
| Conexiones persistentes | ✅ Daemon por pestaña | ❌ Reconecta en cada comando |
| Modal "Permitir depuración" | ✅ Una vez por pestaña | ❌ Aparece repetidamente |
| 100+ pestañas | ✅ Confiable | ❌ Timeouts de objetivo |
| Dependencias | ✅ Solo Node.js | ❌ Stack más pesado |
🎛️ Cómo funciona la magia
- WebSocket directo al puerto de depuración remota de Chrome
- Daemon ligero que se inicia por pestaña (se cierra automáticamente tras 20min inactivo)
- Una sola vez "Permitir depuración" por pestaña
- Reutiliza conexiones silenciosamente para todos los comandos
🌐 Detección automática multiplataforma
✅ macOS: Chrome, Chromium, Brave, Edge, Vivaldi
✅ Linux: + Navegadores Flatpak
✅ Windows/WSL: Usa LOCALAPPDATA, CDP_HOST
🚀 Comienza en 60 segundos
- Clona:
git clone https://github.com/pasky/chrome-cdp-skill - Habilita:
chrome://inspect/#remote-debugging - Ejecuta:
./scripts/cdp.mjs list
Tu agente de IA ahora controla tu navegador real. Perfecto para Amp, Claude Code, Cursor o cualquier agente Node.js.