Testing your web application locally helps catch bugs early. This toolkit uses Playwright to automate browser actions. You can check UI functionality, take screenshots, and view browser logs.
It works with both static HTML and dynamic web apps. For dynamic apps, a helper script manages the server lifecycle. You can run multiple servers at once like a backend and frontend.
Use the reconnaissance-then-action pattern. First inspect the rendered DOM, then identify selectors, and finally execute actions. Remember to wait for the page to fully load before inspecting.
Global
mkdir -p ~/.claude/skills/webapp-testingProject
mkdir -p .claude/skills/webapp-testingSource Repository
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