·visual-debugger
*

visual-debugger

Debug visivo interattivo utilizzando l'automazione del browser Playwright. Utilizzare quando viene richiesto di ispezionare visivamente siti Web/app, testare elementi dell'interfaccia utente, verificare la funzionalità dei pulsanti, controllare il design reattivo, eseguire il debug di problemi di layout, monitorare gli errori della console o eseguire qualsiasi test visivo basato su browser. I trigger comuni includono richieste per verificare se i pulsanti funzionano, verificare il caricamento della pagina, testare moduli, ispezionare elementi, eseguire il debug di pagine, accedere a URL e verificare il comportamento o qualsiasi richiesta che coinvolga l'ispezione e il test visivo del browser.

6Installazioni·0Tendenza·@jarrodmedrano

Installazione

$npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger

Come installare visual-debugger

Installa rapidamente la skill AI visual-debugger 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/jarrodmedrano/jarrod-claude-skills --skill visual-debugger
  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: jarrodmedrano/jarrod-claude-skills.

Interactive visual debugging tool using Playwright MCP browser automation to inspect, test, and debug web applications and websites.

Before using this skill, verify Playwright MCP tools are available:

Security Note: Never hardcode real credentials. Ask user for test credentials or use environment variables.

Debug visivo interattivo utilizzando l'automazione del browser Playwright. Utilizzare quando viene richiesto di ispezionare visivamente siti Web/app, testare elementi dell'interfaccia utente, verificare la funzionalità dei pulsanti, controllare il design reattivo, eseguire il debug di problemi di layout, monitorare gli errori della console o eseguire qualsiasi test visivo basato su browser. I trigger comuni includono richieste per verificare se i pulsanti funzionano, verificare il caricamento della pagina, testare moduli, ispezionare elementi, eseguire il debug di pagine, accedere a URL e verificare il comportamento o qualsiasi richiesta che coinvolga l'ispezione e il test visivo del browser. Fonte: jarrodmedrano/jarrod-claude-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-11

Browse more skills from jarrodmedrano/jarrod-claude-skills

Risposte rapide

Che cos'è visual-debugger?

Debug visivo interattivo utilizzando l'automazione del browser Playwright. Utilizzare quando viene richiesto di ispezionare visivamente siti Web/app, testare elementi dell'interfaccia utente, verificare la funzionalità dei pulsanti, controllare il design reattivo, eseguire il debug di problemi di layout, monitorare gli errori della console o eseguire qualsiasi test visivo basato su browser. I trigger comuni includono richieste per verificare se i pulsanti funzionano, verificare il caricamento della pagina, testare moduli, ispezionare elementi, eseguire il debug di pagine, accedere a URL e verificare il comportamento o qualsiasi richiesta che coinvolga l'ispezione e il test visivo del browser. Fonte: jarrodmedrano/jarrod-claude-skills.

Come installo visual-debugger?

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/jarrodmedrano/jarrod-claude-skills --skill visual-debugger 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/jarrodmedrano/jarrod-claude-skills