browser-testing-with-devtools
by addyosmani (GitHub) in addyosmani/agent-skills
What it does
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 MC
Quoted from the skill's SKILL.md under its MIT license.
Install
git clone --depth 1 https://github.com/addyosmani/agent-skills.git /tmp/agent-skills mkdir -p ~/.claude/skills/ cp -r /tmp/agent-skills/skills/browser-testing-with-devtools ~/.claude/skills/browser-testing-with-devtools
The command copies the skill from the author's repo. SkillTrove does not host it.
Files
- SKILL.md
Source: https://github.com/addyosmani/agent-skills/tree/main/skills/browser-testing-with-devtools. Checked 2026-10-13.
Similar skills
ci-cd-and-automation
Automates CI/CD pipeline setup. Use when setting up or modifying build and deployment pipelines. Use when you need to automate quality gates, configure test ...
constraint-driven-development
Establishes a project's quality bar as a written contract and stops agents quietly lowering it. Interviews the user on which dimensions matter, supplies sane...
debugging-and-error-recovery
Guides systematic root-cause debugging. Use when tests fail, builds break, something that worked yesterday broke, behavior doesn't match expectations, or you...
deprecation-and-migration
Manages deprecation and migration. Use when removing old systems, APIs, or features. Use when migrating users from one implementation to another. Use when mi...
documentation-and-adrs
Records decisions and documentation. Use when you need to document an architecture decision (ADR) or the reasoning behind a design choice, when changing publ...
doubt-driven-development
Subjects every non-trivial decision to a fresh-context adversarial review before it stands. Use when you want every assumption cross-examined before proceedi...