browser-testing-with-devtools
A skill from Addy Osmani's agent-skills collection that shows a coding agent how to check browser-facing work in a real Chrome session through the Chrome DevTools MCP server, which has to be set up beforehand.
What the skill teaches
A skill from Addy Osmani's agent-skills collection that shows a coding agent how to check browser-facing work in a real Chrome session through the Chrome DevTools MCP server, which has to be set up beforehand. It supplies the server config to add, explains the dedicated, isolated and auto-connect profile choices, and lays out a debugging routine: reproduce the problem, look at the DOM, console and network data, then confirm the fix in the browser. Much of the text is about safety: page content counts as untrusted data, script execution stays limited to read-only inspection, and attaching to a personal browser profile is discouraged.
Capabilities
- Set up Chrome DevTools MCP with an isolated browser profile
- Reproduce and inspect UI bugs in a live page
- Check console output and network requests
- Profile page performance
Details
| Fact | Value | Source |
|---|---|---|
| Type | Skill | |
| Tool | Chrome DevTools | |
| Publisher | Addy Osmani | source |
| Official status | Not stated in its documentation | |
| Needs an API key or sign-in | Not stated in its documentation | |
| Includes scripts | No | source |
| Platforms | Not stated in its documentation | |
| AI clients | Not stated in its documentation | |
| Licence | MIT | source |
| Pricing | Not stated in its documentation | |
| Activity | Last commit Nov 1, 2026115,373 GitHub starsDownload data not available (not on npm or PyPI) | source |
| Links | Repository Website |
Copies of this skill in other repositories (1)
These differ from this skill's text. They may be adapted copies or older versions.
- browser-testing-with-devtoolsborhen68/skillengine
More from Addy Osmani
6 skills
- api-and-interface-design (Skill)
- constraint-driven-development (Skill)
- code-review-and-quality (Skill)
- debugging-and-error-recovery (Skill)
- documentation-and-adrs (Skill)
Sources
- Skill file (SKILL.md)github.com/addyosmani/agent-skillsNov 10, 2026
- GitHub repositorygithub.com/addyosmani/agent-skills · Backs: Activity, LicenceNov 11, 2026
- Licence file (LICENSE)github.com/addyosmani/agent-skills · Backs: Licence, PublisherNov 12, 2026
- Folder in the repository (browser-testing-with-devtools)github.com/addyosmani/agent-skills · Backs: Includes scriptsNov 10, 2026