·playwright-responsive-screenshots
</>

playwright-responsive-screenshots

Cattura screenshot in più punti di interruzione del viewport per la convalida del design reattivo e documentazione. Utilizzare quando è necessario testare layout reattivi, convalidare dispositivi mobili/tablet/desktop visualizzazioni, documentare punti di interruzione del sistema di progettazione o creare linee di base per test di regressione visiva. Trigger su "test responsive design", "screenshot ai punti di interruzione", "cattura mobile e visualizzazioni desktop", "test di progettazione reattiva" o "screenshot multi-dispositivo". Funziona con Strumenti MCP del drammaturgo (browser_navigate, browser_resize, browser_take_screenshot).

5Installazioni·0Tendenza·@dawiddutoit

Installazione

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

Come installare playwright-responsive-screenshots

Installa rapidamente la skill AI playwright-responsive-screenshots 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/dawiddutoit/custom-claude --skill playwright-responsive-screenshots
  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: dawiddutoit/custom-claude.

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 |

Cattura screenshot in più punti di interruzione del viewport per la convalida del design reattivo e documentazione. Utilizzare quando è necessario testare layout reattivi, convalidare dispositivi mobili/tablet/desktop visualizzazioni, documentare punti di interruzione del sistema di progettazione o creare linee di base per test di regressione visiva. Trigger su "test responsive design", "screenshot ai punti di interruzione", "cattura mobile e visualizzazioni desktop", "test di progettazione reattiva" o "screenshot multi-dispositivo". Funziona con Strumenti MCP del drammaturgo (browser_navigate, browser_resize, browser_take_screenshot). Fonte: dawiddutoit/custom-claude.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/dawiddutoit/custom-claude --skill playwright-responsive-screenshots
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-25
Aggiornato
2026-03-11

Browse more skills from dawiddutoit/custom-claude

Risposte rapide

Che cos'è playwright-responsive-screenshots?

Cattura screenshot in più punti di interruzione del viewport per la convalida del design reattivo e documentazione. Utilizzare quando è necessario testare layout reattivi, convalidare dispositivi mobili/tablet/desktop visualizzazioni, documentare punti di interruzione del sistema di progettazione o creare linee di base per test di regressione visiva. Trigger su "test responsive design", "screenshot ai punti di interruzione", "cattura mobile e visualizzazioni desktop", "test di progettazione reattiva" o "screenshot multi-dispositivo". Funziona con Strumenti MCP del drammaturgo (browser_navigate, browser_resize, browser_take_screenshot). Fonte: dawiddutoit/custom-claude.

Come installo playwright-responsive-screenshots?

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