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. 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.

できること

詳細