·browser-testing-with-devtools
</>

browser-testing-with-devtools

Da utilizzare durante la creazione o il debug di qualsiasi cosa eseguita in un browser. Utilizzalo quando devi ispezionare il DOM, acquisire errori della console, analizzare richieste di rete, profilare le prestazioni o verificare l'output visivo con dati di runtime reali tramite Chrome DevTools MCP.

19Installazioni·1Tendenza·@addyosmani

Installazione

$npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtools

Come installare browser-testing-with-devtools

Installa rapidamente la skill AI browser-testing-with-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/addyosmani/agent-skills --skill browser-testing-with-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: addyosmani/agent-skills.

Use Chrome DevTools MCP to give your agent eyes into the browser. This bridges the gap between static code analysis and live browser execution — the agent can see what the user sees, inspect the DOM, read console logs, analyze network requests, and capture performance data. Instead of guessing what's happening at runtime, verify it.

When NOT to use: Backend-only changes, CLI tools, or code that doesn't run in a browser.

| Tool | What It Does | When to Use |

Da utilizzare durante la creazione o il debug di qualsiasi cosa eseguita in un browser. Utilizzalo quando devi ispezionare il DOM, acquisire errori della console, analizzare richieste di rete, profilare le prestazioni o verificare l'output visivo con dati di runtime reali tramite Chrome DevTools MCP. Fonte: addyosmani/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/addyosmani/agent-skills --skill browser-testing-with-devtools
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-22
Aggiornato
2026-03-11

Browse more skills from addyosmani/agent-skills

Risposte rapide

Che cos'è browser-testing-with-devtools?

Da utilizzare durante la creazione o il debug di qualsiasi cosa eseguita in un browser. Utilizzalo quando devi ispezionare il DOM, acquisire errori della console, analizzare richieste di rete, profilare le prestazioni o verificare l'output visivo con dati di runtime reali tramite Chrome DevTools MCP. Fonte: addyosmani/agent-skills.

Come installo browser-testing-with-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/addyosmani/agent-skills --skill browser-testing-with-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/addyosmani/agent-skills