# Browser Testing With Devtools · Addy Osmani

Tests in real browsers via Chrome DevTools MCP\.

Canonical: https://claudelist.com/listings/skill-addyosmani-agent-skills-browser-testing-with-devtools

Category: Skills

Source: community · Addy Osmani

Source checked: 2026-10-14

Website: https://github.com/addyosmani/agent-skills/tree/main/skills/browser-testing-with-devtools

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.

## Install or set up

1. Review this skill’s `SKILL.md` and any prerequisites at the source.
2. From the project where you use Claude Code, run the command below. It installs only this skill into project scope; add `-g` for your personal scope.
3. Restart Claude Code and invoke `/browser-testing-with-devtools` or ask Claude to use the skill. If it does not appear, check `.claude/skills/` and the source’s setup notes.

```sh
npx skills add https://github.com/addyosmani/agent-skills/tree/main/skills/browser-testing-with-devtools --agent claude-code
```

Installation guide: https://github.com/addyosmani/agent-skills/tree/main/skills/browser-testing-with-devtools