Browser

Scripts CDP para iniciar Chrome, navegar, ejecutar JS, hacer capturas de pantalla y seleccionar elementos DOM (macOS)

Por iamzhihuix · iamzhihuix/happy-claude-skills

Probado · Funciona ★ 8.4/10

Browser — Scripts CDP para iniciar Chrome, navegar, ejecutar JS, hacer capturas de pantalla y seleccionar elementos DOM (macOS)

Qué hace

Un conjunto de scripts Node.js puppeteer-core que controlan un Chrome real a través del Protocolo DevTools en el puerto 9222: inician Chrome, navegan por pestañas, evalúan JavaScript en la página renderizada, toman capturas de pantalla del viewport e interactúan seleccionando elementos DOM. Se activa ante solicitudes para navegar o extraer un sitio web, tomar una captura de pantalla de una página, automatizar un navegador o extraer el DOM renderizado. Debido a que ejecuta JS contra la página renderizada en vivo, lee contenido que las solicitudes HTTP raw no capturan; tenga en cuenta que los scripts codifican rutas de Chrome de macOS y start.js cierra su Chrome en ejecución.

Informe de la prueba

Cloné el repositorio y ejecuté `npm install` (puppeteer-core, 0 vulnerabilidades, postinstall chmod hizo que los 5 scripts fueran +x). Para evitar que `killall 'Google Chrome'` de start.js interrumpiera el navegador en vivo del usuario, lancé un Chrome headless aislado en :9222 con un perfil temporal y ejecuté nav.js/eval.js/screenshot.js directamente — todo funcionó (título, recuentos de enlaces, extracción de objetos IIFE, PNG a tmp). SALIDA: en quotes.toscrape.com/js renderizado con JS, el `curl` de línea base de HTML raw coincidió con 0 citas y 0 autores, mientras que nav.js+eval.js extrajo 10 citas y al autor "Albert Einstein" del DOM renderizado — una diferencia decisiva y citable. Instalación/documentación penalizadas porque start.js codifica rutas solo de macOS y cierra forzosamente el Chrome en ejecución, lo cual la documentación solo insinúa en un comentario de código; no se encontró malware, curl|sh o exfiltración.

Probado el: 2026-07-31 · Claude Code 2.x (agent harness)

Instalación

git clone --depth 1 https://github.com/iamzhihuix/happy-claude-skills.git /tmp/browser-src
mkdir -p ~/.claude/skills
cp -R /tmp/browser-src/skills/browser ~/.claude/skills/browser
npm install --prefix ~/.claude/skills/browser
# Requires macOS + Google Chrome desktop at /Applications/Google Chrome.app (paths hardcoded in scripts/start.js).
# WARNING: start.js runs `killall 'Google Chrome'` then relaunches Chrome on :9222; it closes your existing Chrome windows.
# --profile rsyncs your real Chrome profile (cookies/logins) into ~/.cache/browser-tools.
# Scripts: start.js [--profile] | nav.js <url> [--new] | eval.js '<expr>' | screenshot.js | pick.js '<msg>'

Comandos y prompts de ejemplo

/browserScripts CDP para iniciar Chrome, navegar, ejecutar JS, hacer capturas de pantalla y seleccionar elementos DOM (macOS)

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

Take a screenshot of this webpage
Scrape the product listings from this page
Extract the DOM structure of this site

Informe completo →