·responsiveness-check
</>

responsiveness-check

Testa la reattività del sito web su tutte le larghezze delle finestre utilizzando l'automazione del browser. Ridimensiona una singola sessione tramite punti di interruzione, esegue lo screenshot di ciascuna larghezza e rileva le transizioni di layout (modifiche di colonna, cambi di navigazione, overflow). Produce report di confronto che mostrano esattamente dove si interrompono i layout. Attiva con "controllo della reattività", "controllo reattivo", "test dei punti di interruzione", "test del viewport", "scansione reattiva", "controllo dei punti di interruzione" o "test su dispositivo mobile".

171Installazioni·9Tendenza·@jezweb

Installazione

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

Come installare responsiveness-check

Installa rapidamente la skill AI responsiveness-check nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: jezweb/claude-skills.

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.

Testa la reattività del sito web su tutte le larghezze delle finestre utilizzando l'automazione del browser. Ridimensiona una singola sessione tramite punti di interruzione, esegue lo screenshot di ciascuna larghezza e rileva le transizioni di layout (modifiche di colonna, cambi di navigazione, overflow). Produce report di confronto che mostrano esattamente dove si interrompono i layout. Attiva con "controllo della reattività", "controllo reattivo", "test dei punti di interruzione", "test del viewport", "scansione reattiva", "controllo dei punti di interruzione" o "test su dispositivo mobile". Fonte: jezweb/claude-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-26
Aggiornato
2026-03-10

Browse more skills from jezweb/claude-skills

Risposte rapide

Che cos'è responsiveness-check?

Testa la reattività del sito web su tutte le larghezze delle finestre utilizzando l'automazione del browser. Ridimensiona una singola sessione tramite punti di interruzione, esegue lo screenshot di ciascuna larghezza e rileva le transizioni di layout (modifiche di colonna, cambi di navigazione, overflow). Produce report di confronto che mostrano esattamente dove si interrompono i layout. Attiva con "controllo della reattività", "controllo reattivo", "test dei punti di interruzione", "test del viewport", "scansione reattiva", "controllo dei punti di interruzione" o "test su dispositivo mobile". Fonte: jezweb/claude-skills.

Come installo responsiveness-check?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/jezweb/claude-skills