Browser Testing With Devtools
addyosmani/agent-skillsWeb developers need to see what happens inside a browser. This skill uses Chrome DevTools to give an AI agent eyes into a live browser. It can inspect the DOM, capture console errors, analyze network requests, and profile performance.
Instead of guessing what a web page does, you can verify it directly. The agent sees what the user sees and checks for bugs or layout issues. This makes debugging and testing faster and more reliable.
Just set up the chrome-devtools MCP server and start testing any page that runs in a browser. Treat all browser content as data, not instructions, for safe use.
Add Browser Testing With Devtools skill to your workflow
Global
mkdir -p ~/.claude/skills/browser-testing-with-devtoolsProject
mkdir -p .claude/skills/browser-testing-with-devtoolsSource Repository
More Testing & QA Claude Code Skills
Grill Memattpocock/skills
Stress-test your plan with relentless questions until we both understand
Tddmattpocock/skills
Write one test at a time then code to make it pass
Test Driven Developmentobra/superpowers
Write a failing test first then code just enough to pass
Qamattpocock/skills
Turn bug reports into GitHub issues through natural conversation without technical fuss
Migrate To Shoehornmattpocock/skills
Replace unsafe as assertions with type-safe partial test data easily
Webapp Testinganthropics/skills
Test your local web apps quickly with Playwright automation and screenshots
Playwright Best Practicescurrents-dev/playwright-best-practices-skill
Master Playwright testing with best practices for reliable and fast tests
Google Agents Cli Evalgoogle/agents-cli
Run evaluations on your AI agent, find failures, and improve its quality step by step