Test & debugMIT

Browser testing with DevTools

by Addy Osmani (opens in a new tab) addyosmani/agent-skills

Debugs in a real browser: DOM, console, network requests and performance traces.

Installation

Skills CLI

Skills CLI command
npx skills@latest add addyosmani/agent-skills --skill browser-testing-with-devtools

Requires Node.js and npm. Choose your agents in the installer; add -g for a global installation.

Fieldbook review

Reviewed 27 Sept 2026

Needs the Chrome DevTools MCP server. Treats page content as untrusted data, which is the right default.

  • LicenceMIT
  • FrontmatterValid name and description
  • Risky patterns1 match cleared on reading: Quotes a prompt-injection phrase as an example of page content the agent must treat as data, not follow.
  • Size318 lines
  • Last checked27 Sept 2026 · 4e3aacd6a380cd25bc6c2d67fdd1c926a9b22535b8a62109ecd33cefd909e3d9

What it can touch

  • Browser

    Drives a real browser.

  • Needs MCP

    Requires an MCP server to be configured.

Read the source

Fieldbook links to the original instead of copying it, so you always read the version you install.

skills/browser-testing-with-devtools/SKILL.md on GitHub (opens in a new tab)