browser-devtools-cli
✓Automatiza las interacciones del navegador utilizando Playwright para pruebas, depuración y automatización web. Úselo cuando el usuario necesite navegar por sitios web, tomar capturas de pantalla, completar formularios, hacer clic en elementos, extraer contenido de la página (HTML/texto), auditar la accesibilidad (árbol ARIA/AX), medir el rendimiento de Web Vitals, monitorear los registros de la consola y las solicitudes HTTP, simular respuestas de API, ejecutar JavaScript en el navegador, inspeccionar componentes de React o comparar la interfaz de usuario con los diseños de Figma.
Instalación
SKILL.md
Command-line interface for browser automation, debugging, and testing using Playwright.
| --port | Daemon server port | 2020 | | --session-id | Session ID for browser state persistence | auto | | --json | Output results as JSON (recommended for AI) | false | | --quiet | Suppress log messages | false | | --verbose | Enable debug output | false | | --timeout | Operation timeout | 30000 | | --headless | Run browser in headless mode | true |
| --no-headless | Run browser with visible window | - | | --persistent | Preserve cookies/localStorage | false | | --no-persistent | Clear state on session end | - | | --user-data-dir | Browser user data directory | OS temp | | --use-system-browser | Use system Chrome | false | | --browser-path | Custom browser path | auto |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/serkan-ozal/browser-devtools-mcp --skill browser-devtools-cli- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es browser-devtools-cli?
Automatiza las interacciones del navegador utilizando Playwright para pruebas, depuración y automatización web. Úselo cuando el usuario necesite navegar por sitios web, tomar capturas de pantalla, completar formularios, hacer clic en elementos, extraer contenido de la página (HTML/texto), auditar la accesibilidad (árbol ARIA/AX), medir el rendimiento de Web Vitals, monitorear los registros de la consola y las solicitudes HTTP, simular respuestas de API, ejecutar JavaScript en el navegador, inspeccionar componentes de React o comparar la interfaz de usuario con los diseños de Figma. Fuente: serkan-ozal/browser-devtools-mcp.
¿Cómo instalo browser-devtools-cli?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/serkan-ozal/browser-devtools-mcp --skill browser-devtools-cli Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/serkan-ozal/browser-devtools-mcp
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01