Browser Testing with DevTools

Kører rigtige browsertests gennem Chrome DevTools MCP for at fange DOM- og konsolproblemer.

Virker med opsætning ★ 8.0/10

Hvad det gør

Tester i rigtige browsere via Chrome DevTools MCP. Brug det, når du bygger eller fejlsøger noget, der kører i en browser. Brug det, når du skal inspicere DOM'en, opfange konsolfejl, analysere netværksforespørgsler, profilere ydeevne eller verificere visuelt output med rigtige runtime-data. Kræver, at chrome-devtools MCP-serveren er konfigureret.

Testrapport

Ren enkeltfilsinstallation — ordret git clone + cp virkede uden rettelser, og frontmatteren parser strengt — men skillet er inaktivt uden en separat konfigureret chrome-devtools MCP-server og en kørende Chrome, en hård ekstern afhængighed, dokumentationen oplyser ærligt fra start. I en A/B live-browser-fejlfindingsopgave (genskab en ReferenceError, ret den, verificer igen) fandt og rettede både skillet og en baseline uden skill fejlen med live-verifikation; skillets fordel var procesdisciplin — dets REPRODUCE→INSPECT→DIAGNOSE→FIX→VERIFY-workflow plus før/efter-skærmbilledbevis — snarere end en bedre diagnose. Velskrevet, ærlig dokumentation med usædvanligt stærk sikkerhedsvejledning (profilisolering, upålideligt browserindhold).

Testet: 2026-07-11 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/addyosmani/agent-skills
cd agent-skills
mkdir -p ~/.claude/skills
cp -r skills/browser-testing-with-devtools ~/.claude/skills/browser-testing-with-devtools

Kommandoer og eksempelprompter

/browser-testing-with-devtoolsKører rigtige browsertests gennem Chrome DevTools MCP for at fange DOM- og konsolproblemer.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

Test this page in a real browser and check the console
Inspect network requests while debugging the login flow
Profile page performance and report console errors

Læs hele rapporten →