·qa-web-test
</>

qa-web-test

✓
delexw/claude-code-miscGitHub: delexw/claude-code-miscFonte: delexw/claude-code-misc

Competenze di test web QA utilizzando gli strumenti MCP di Chrome DevTools per test di regressione visiva, convalida dei punti di interruzione reattivi e debug del layout CSS. Utilizza questa abilità ogni volta che l'utente chiede di "testare una pagina", "controllare i punti di interruzione", "verificare il layout reattivo", "fare il QA di questa pagina", "testare CSS in diverse finestre", "controllare bug di layout", "verificare la correzione" o desidera ispezionare visivamente una pagina web con larghezze di finestra specifiche. Si attiva anche quando l'utente fornisce un URL e chiede di acquisire screenshot, confrontare layout o controllare le dimensioni degli elementi. Funziona con qualsiasi sessione del browser Chrome DevTools connessa a MCP su ambienti host locali o di staging.

delexw·qa·web·test
20Installazioni·1Tendenza·@delexw

Installazione

GitHub: delexw/claude-code-misc
$npx skills add https://github.com/delexw/claude-code-misc --skill qa-web-test

Come installare qa-web-test

Installa rapidamente la skill AI qa-web-test 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/delexw/claude-code-misc --skill qa-web-test
  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: delexw/claude-code-misc.

SKILL.md

Visualizza raw

Automate visual QA testing of web pages using Chrome DevTools MCP tools. Connects to an already-running Chrome browser session, navigates to pages, emulates viewports, takes screenshots, and inspects CSS properties to catch responsive layout bugs.

After connecting to the browser and navigating to the target URL, always hard-refresh the page and clear the cache before any testing:

Then wait for the page to fully reload before proceeding.

Competenze di test web QA utilizzando gli strumenti MCP di Chrome DevTools per test di regressione visiva, convalida dei punti di interruzione reattivi e debug del layout CSS. Utilizza questa abilità ogni volta che l'utente chiede di "testare una pagina", "controllare i punti di interruzione", "verificare il layout reattivo", "fare il QA di questa pagina", "testare CSS in diverse finestre", "controllare bug di layout", "verificare la correzione" o desidera ispezionare visivamente una pagina web con larghezze di finestra specifiche. Si attiva anche quando l'utente fornisce un URL e chiede di acquisire screenshot, confrontare layout o controllare le dimensioni degli elementi. Funziona con qualsiasi sessione del browser Chrome DevTools connessa a MCP su ambienti host locali o di staging. Fonte: delexw/claude-code-misc.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/delexw/claude-code-misc --skill qa-web-test
Fonte
delexw/claude-code-misc
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-03-09
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/delexw/claude-code-misc/qa-web-test

Browse more skills from delexw/claude-code-misc

Risposte rapide

Che cos'è qa-web-test?

Competenze di test web QA utilizzando gli strumenti MCP di Chrome DevTools per test di regressione visiva, convalida dei punti di interruzione reattivi e debug del layout CSS. Utilizza questa abilità ogni volta che l'utente chiede di "testare una pagina", "controllare i punti di interruzione", "verificare il layout reattivo", "fare il QA di questa pagina", "testare CSS in diverse finestre", "controllare bug di layout", "verificare la correzione" o desidera ispezionare visivamente una pagina web con larghezze di finestra specifiche. Si attiva anche quando l'utente fornisce un URL e chiede di acquisire screenshot, confrontare layout o controllare le dimensioni degli elementi. Funziona con qualsiasi sessione del browser Chrome DevTools connessa a MCP su ambienti host locali o di staging. Fonte: delexw/claude-code-misc.

Come installo qa-web-test?

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/delexw/claude-code-misc --skill qa-web-test 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/delexw/claude-code-misc

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-03-09

Skills correlate

pagerduty-oncall
41 Installazioni
meta-prompter
40 Installazioni
pir
39 Installazioni
figma-reader
37 Installazioni
datadog-analyser
36 Installazioni
jira-ticket-viewer
35 Installazioni