browser-testing-with-devtools
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
- installs 8w
- 18,777
- 30-day movement
- starts with the next reading
- Related entries
- 7
- Connections
- 0
A SKILL.md that teaches an AI coding agent to test and debug browser-rendered code through the Chrome DevTools MCP server. It covers setup, available DevTools tools, security boundaries, debugging workflows for UI, network, and performance issues, plus screenshot-based and accessibility verification.
Reach for it when your agent needs real runtime browser data—DOM state, console errors, network traffic, performance profiles—instead of relying on static code analysis alone.
Use it to
- Debug UI layout, styling, and interaction bugs
- Diagnose console errors and enforce a clean-console standard
- Analyze network requests and performance profiles
- Verify visual output with screenshot-based regression checks
- Run accessibility verification via DevTools
For Developers using AI coding agents on browser-facing projects
- Host repository
- addyosmani/agent-skills
- Installs, lifetime
- 31k
- Installs, 8 weeks
- 19k
- Host stars
- 94k
- Host language
- JavaScript