browser-testing-with-devtools
addyosmani43.6k installs
Verify your web changes in a real browser.
What it does
Verifies browser-facing changes and diagnoses UI, network, and performance problems using live browser evidence.
When to use it
Use when building, modifying, or debugging browser-facing code; not for backend-only changes or CLI tools.
How to use it
It changes how the agent builds and fixes browser-facing code by requiring live browser verification before marking the work complete.
What you provide
- An existing project
Uses
Good to know
- acts without asking
Latest review
What you need · 2
Requires the chrome-devtools MCP server to be configured.
Uses Chrome as the real browser launched by the MCP server for testing.
Access · 2
This skill
Chrome
Execute
Launches an isolated Chrome browser
Read
Inspects live browser state
npx chrome-devtools-mcp@latest
Execute
The latest DevTools MCP