Skip to content
← Tools / Skills
Skill · .md packageAddy Osmani/10 trustVerified

browser-testing-with-devtools

Tests in real browsers via Chrome DevTools MCP.

Visit official site →

About

Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.

What it can do

  • Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.

Setup

  1. Install: npx skills add addyosmani/agent-skills --all
  2. The skill auto-loads when relevant, or invoke it by name in your agent.

Prerequisites

A compatible AI coding agent (Claude Code, Cursor, etc.).

Use cases

codedesigndata

Works with

Claude CodeAny agent (.md)

Trust score — 9/10

/10 trustVerified

Agent skills from Addy Osmani (Google Chrome team) — 107k+ stars, covering coding workflows, frontend, testing, and automation. Highly trusted author.

Sources

Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.