·playwright-responsive-screenshots
</>

playwright-responsive-screenshots

Captura capturas de pantalla en múltiples puntos de interrupción de la ventana gráfica para la validación del diseño responsivo y documentación. Úselo cuando necesite probar diseños responsivos, validar dispositivos móviles/tabletas/escritorios vistas, documentar puntos de interrupción del sistema de diseño o crear líneas base de pruebas de regresión visual. Activadores en "probar diseño responsivo", "captura de pantalla en puntos de interrupción", "capturar dispositivos móviles y vistas de escritorio", "pruebas de diseño responsivo" o "capturas de pantalla multidispositivo". Funciona con Herramientas de Playwright MCP (browser_navigate, browser_resize, browser_take_screenshot).

5Instalaciones·0Tendencia·@dawiddutoit

Instalación

$npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots

Cómo instalar playwright-responsive-screenshots

Instala rápidamente el skill de IA playwright-responsive-screenshots en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots
  3. Verificar instalación: 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, Cursor u OpenClaw

Fuente: dawiddutoit/custom-claude.

SKILL.md

Ver original

4.1. Basic Screenshot Capture 4.2. Custom Breakpoints 4.3. Multiple Pages 4.4. With Comparison Report

This skill provides an automated workflow for capturing screenshots at multiple viewport sizes:

| Device Category | Width × Height | Common Devices |

Captura capturas de pantalla en múltiples puntos de interrupción de la ventana gráfica para la validación del diseño responsivo y documentación. Úselo cuando necesite probar diseños responsivos, validar dispositivos móviles/tabletas/escritorios vistas, documentar puntos de interrupción del sistema de diseño o crear líneas base de pruebas de regresión visual. Activadores en "probar diseño responsivo", "captura de pantalla en puntos de interrupción", "capturar dispositivos móviles y vistas de escritorio", "pruebas de diseño responsivo" o "capturas de pantalla multidispositivo". Funciona con Herramientas de Playwright MCP (browser_navigate, browser_resize, browser_take_screenshot). Fuente: dawiddutoit/custom-claude.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-11

Browse more skills from dawiddutoit/custom-claude

Respuestas rápidas

¿Qué es playwright-responsive-screenshots?

Captura capturas de pantalla en múltiples puntos de interrupción de la ventana gráfica para la validación del diseño responsivo y documentación. Úselo cuando necesite probar diseños responsivos, validar dispositivos móviles/tabletas/escritorios vistas, documentar puntos de interrupción del sistema de diseño o crear líneas base de pruebas de regresión visual. Activadores en "probar diseño responsivo", "captura de pantalla en puntos de interrupción", "capturar dispositivos móviles y vistas de escritorio", "pruebas de diseño responsivo" o "capturas de pantalla multidispositivo". Funciona con Herramientas de Playwright MCP (browser_navigate, browser_resize, browser_take_screenshot). Fuente: dawiddutoit/custom-claude.

¿Cómo instalo playwright-responsive-screenshots?

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/dawiddutoit/custom-claude --skill playwright-responsive-screenshots 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, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/dawiddutoit/custom-claude