Zum Inhalt springen
Kitbay
Einreichen
Skill

browser-testing-with-devtools

MITAktualisiert am 1. Nov. 2026115.373GitHub-Sterne

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.

Was der Skill vermittelt

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.

Funktionen

  • 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