Come utilizzare Chrome DevTools MCP per il debug del browser. Utilizzalo quando devi ispezionare pagine, acquisire screenshot, eseguire il debug di problemi dell'interfaccia utente o verificare modifiche visive.
Installa rapidamente la skill AI chrome-debug nel tuo ambiente di sviluppo tramite riga di comando
Fonte: akornmeier/claude-config.
This skill explains how to use the Chrome DevTools MCP for browser debugging and UI verification.
Before using Chrome DevTools MCP, you must launch Chrome in headless mode with remote debugging enabled:
This runs Chrome with the required flags for Docker/containerized environments:
Come utilizzare Chrome DevTools MCP per il debug del browser. Utilizzalo quando devi ispezionare pagine, acquisire screenshot, eseguire il debug di problemi dell'interfaccia utente o verificare modifiche visive. Fonte: akornmeier/claude-config.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/akornmeier/claude-config --skill chrome-debugCome utilizzare Chrome DevTools MCP per il debug del browser. Utilizzalo quando devi ispezionare pagine, acquisire screenshot, eseguire il debug di problemi dell'interfaccia utente o verificare modifiche visive. Fonte: akornmeier/claude-config.
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/akornmeier/claude-config --skill chrome-debug 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
https://github.com/akornmeier/claude-config