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.
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
Überblick
- Herausgeber
- Addy Osmani
- Tool
- Chrome DevTools
Installation
MCP-Server und Skills können Code auf deinem Rechner ausführen und auf deine Daten zugreifen. Prüfe den Quellcode, bevor du etwas installierst.
Details
| Angabe | Wert | Quelle |
|---|---|---|
| Typ | Skill | |
| Tool | Chrome DevTools | |
| Herausgeber | Addy Osmani | Quelle |
| Offizieller Status | In der Dokumentation nicht angegeben | |
| Braucht API-Key oder Anmeldung | In der Dokumentation nicht angegeben | |
| Enthält Skripte | Nein | Quelle |
| Plattformen | In der Dokumentation nicht angegeben | |
| KI-Clients | In der Dokumentation nicht angegeben | |
| Lizenz | MIT | Quelle |
| Preis | In der Dokumentation nicht angegeben | |
| Aktivität | Letzter Commit am 1. Nov. 2026115.373 GitHub-SterneKeine Download-Daten verfügbar (nicht auf npm oder PyPI) | Quelle |
| Links | Repository Website |
Kopien dieses Skills in anderen Repositorys (1)
Ihr Text weicht von diesem Skill ab. Es kann sich um angepasste Kopien oder ältere Versionen handeln.
- browser-testing-with-devtoolsborhen68/skillengine
Mehr von Addy Osmani
22 Skills
- ci-cd-and-automation (Skill)
- api-and-interface-design (Skill)
- code-simplification (Skill)
- constraint-driven-development (Skill)
- code-review-and-quality (Skill)
- context-engineering (Skill)
Quellen
- Skill-Datei (SKILL.md)github.com/addyosmani/agent-skills10. Nov. 2026
- GitHub-Repositorygithub.com/addyosmani/agent-skills · Belegt: Aktivität, Lizenz11. Nov. 2026
- Lizenzdatei (LICENSE)github.com/addyosmani/agent-skills · Belegt: Lizenz, Herausgeber12. Nov. 2026
- Ordner im Repository (browser-testing-with-devtools)github.com/addyosmani/agent-skills · Belegt: Enthält Skripte10. Nov. 2026