·chrome-devtools
</>

chrome-devtools

Utilizza Chrome DevTools tramite MCP per eseguire debug, risoluzione dei problemi e automazione del browser efficienti. Da utilizzare durante il debug di pagine Web, l'automazione delle interazioni del browser, l'analisi delle prestazioni o l'ispezione delle richieste di rete. Questa abilità non si applica alla modalità "--slim" (configurazione MCP).

10Installazioni·1Tendenza·@wenerme

Installazione

$npx skills add https://github.com/wenerme/ai --skill chrome-devtools

Come installare chrome-devtools

Installa rapidamente la skill AI chrome-devtools 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/wenerme/ai --skill chrome-devtools
  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: wenerme/ai.

Browser lifecycle: Browser starts automatically on first tool call using a persistent Chrome profile. Configure via CLI args in the MCP server configuration: npx chrome-devtools-mcp@latest --help.

Page selection: Tools operate on the currently selected page. Use listpages to see available pages, then selectpage to switch context.

Element interaction: Use takesnapshot to get page structure with element uids. Each element has a unique uid for interaction. If an element isn't found, take a fresh snapshot - the element may have been removed or the page changed.

Utilizza Chrome DevTools tramite MCP per eseguire debug, risoluzione dei problemi e automazione del browser efficienti. Da utilizzare durante il debug di pagine Web, l'automazione delle interazioni del browser, l'analisi delle prestazioni o l'ispezione delle richieste di rete. Questa abilità non si applica alla modalità "--slim" (configurazione MCP). Fonte: wenerme/ai.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/wenerme/ai --skill chrome-devtools
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-03-10
Aggiornato
2026-03-10

Browse more skills from wenerme/ai

Risposte rapide

Che cos'è chrome-devtools?

Utilizza Chrome DevTools tramite MCP per eseguire debug, risoluzione dei problemi e automazione del browser efficienti. Da utilizzare durante il debug di pagine Web, l'automazione delle interazioni del browser, l'analisi delle prestazioni o l'ispezione delle richieste di rete. Questa abilità non si applica alla modalità "--slim" (configurazione MCP). Fonte: wenerme/ai.

Come installo chrome-devtools?

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/wenerme/ai --skill chrome-devtools 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/wenerme/ai