·responsiveness-check
</>

responsiveness-check

Pruebe la capacidad de respuesta del sitio web en todos los anchos de ventana gráfica mediante la automatización del navegador. Cambia el tamaño de una sola sesión a través de puntos de interrupción, realiza capturas de pantalla de cada ancho y detecta transiciones de diseño (cambios de columna, cambios de navegación, desbordamiento). Produce informes comparativos que muestran exactamente dónde se rompen los diseños. Dispare con 'verificación de capacidad de respuesta', 'verificar capacidad de respuesta', 'prueba de punto de interrupción', 'prueba de ventana gráfica', 'barrido de respuesta', 'verificar puntos de interrupción' o 'prueba en el móvil'.

171Instalaciones·9Tendencia·@jezweb

Instalación

$npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check

Cómo instalar responsiveness-check

Instala rápidamente el skill de IA responsiveness-check 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/jezweb/claude-skills --skill responsiveness-check
  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: jezweb/claude-skills.

SKILL.md

Ver original

Test how a website's layout responds to viewport width changes. Resizes through breakpoints in a single browser session, screenshots each width, compares adjacent sizes, and reports where layouts break.

What this tests: Layout responsiveness — overflow, stacking, navigation transitions, content reflow.

What this does NOT test: General accessibility (ARIA, semantic HTML, heading hierarchy, colour contrast). Those don't vary by viewport width — use the ux-audit skill instead.

Pruebe la capacidad de respuesta del sitio web en todos los anchos de ventana gráfica mediante la automatización del navegador. Cambia el tamaño de una sola sesión a través de puntos de interrupción, realiza capturas de pantalla de cada ancho y detecta transiciones de diseño (cambios de columna, cambios de navegación, desbordamiento). Produce informes comparativos que muestran exactamente dónde se rompen los diseños. Dispare con 'verificación de capacidad de respuesta', 'verificar capacidad de respuesta', 'prueba de punto de interrupción', 'prueba de ventana gráfica', 'barrido de respuesta', 'verificar puntos de interrupción' o 'prueba en el móvil'. Fuente: jezweb/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/jezweb/claude-skills --skill responsiveness-check
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-26
Actualizado
2026-03-10

Browse more skills from jezweb/claude-skills

Respuestas rápidas

¿Qué es responsiveness-check?

Pruebe la capacidad de respuesta del sitio web en todos los anchos de ventana gráfica mediante la automatización del navegador. Cambia el tamaño de una sola sesión a través de puntos de interrupción, realiza capturas de pantalla de cada ancho y detecta transiciones de diseño (cambios de columna, cambios de navegación, desbordamiento). Produce informes comparativos que muestran exactamente dónde se rompen los diseños. Dispare con 'verificación de capacidad de respuesta', 'verificar capacidad de respuesta', 'prueba de punto de interrupción', 'prueba de ventana gráfica', 'barrido de respuesta', 'verificar puntos de interrupción' o 'prueba en el móvil'. Fuente: jezweb/claude-skills.

¿Cómo instalo responsiveness-check?

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/jezweb/claude-skills --skill responsiveness-check 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/jezweb/claude-skills