visual-debugger
✓Depuración visual interactiva utilizando la automatización del navegador Playwright. Úselo cuando se le solicite inspeccionar visualmente sitios web/aplicaciones, probar elementos de la interfaz de usuario, verificar la funcionalidad de los botones, verificar el diseño responsivo, depurar problemas de diseño, monitorear errores de la consola o realizar cualquier prueba visual basada en el navegador. Los desencadenantes comunes incluyen solicitudes para verificar si los botones funcionan, verificar la carga de la página, probar formularios, inspeccionar elementos, depurar páginas, navegar a URL y verificar el comportamiento, o cualquier solicitud que implique inspección y prueba visual del navegador.
Instalación
SKILL.md
Interactive visual debugging tool using Playwright MCP browser automation to inspect, test, and debug web applications and websites.
Before using this skill, verify Playwright MCP tools are available:
Security Note: Never hardcode real credentials. Ask user for test credentials or use environment variables.
Depuración visual interactiva utilizando la automatización del navegador Playwright. Úselo cuando se le solicite inspeccionar visualmente sitios web/aplicaciones, probar elementos de la interfaz de usuario, verificar la funcionalidad de los botones, verificar el diseño responsivo, depurar problemas de diseño, monitorear errores de la consola o realizar cualquier prueba visual basada en el navegador. Los desencadenantes comunes incluyen solicitudes para verificar si los botones funcionan, verificar la carga de la página, probar formularios, inspeccionar elementos, depurar páginas, navegar a URL y verificar el comportamiento, o cualquier solicitud que implique inspección y prueba visual del navegador. Fuente: jarrodmedrano/jarrod-claude-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es visual-debugger?
Depuración visual interactiva utilizando la automatización del navegador Playwright. Úselo cuando se le solicite inspeccionar visualmente sitios web/aplicaciones, probar elementos de la interfaz de usuario, verificar la funcionalidad de los botones, verificar el diseño responsivo, depurar problemas de diseño, monitorear errores de la consola o realizar cualquier prueba visual basada en el navegador. Los desencadenantes comunes incluyen solicitudes para verificar si los botones funcionan, verificar la carga de la página, probar formularios, inspeccionar elementos, depurar páginas, navegar a URL y verificar el comportamiento, o cualquier solicitud que implique inspección y prueba visual del navegador. Fuente: jarrodmedrano/jarrod-claude-skills.
¿Cómo instalo visual-debugger?
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/jarrodmedrano/jarrod-claude-skills --skill visual-debugger 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/jarrodmedrano/jarrod-claude-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01