Browser QA Pack for Claude Code

Five skills that make Claude Code check its work in a real browser before it says "done". It clicks through the changed feature, writes end-to-end tests that don't flake, reproduces vague UI bug reports, catches visual regressions and audits pages for errors, speed and SEO.

$4.99one-time, VAT included where it applies Buy now for $4.99 Or get all 7 kits for $9.99

Instant download: a zip with 5 skills, a setup guide and an example smoke-test report. The $9.99 bundle gets you all 7 kits (35 skills). Free updates. 14-day refund, no questions asked.

What's inside

Skill	What it does
`smoke-test`	Starts the app and walks the flows your change touches, plus one unhappy path and phone width. Records console errors and failed requests, and reports pass or fail with evidence.
`write-e2e-test`	Writes an end-to-end test in your framework (Playwright by default) with user-facing locators and no sleeps. Runs it 10 times in a row and breaks the feature once to prove it can fail.
`reproduce-ui-bug`	Turns "the button does nothing" into exact steps by varying screen size, browser engine, account state, timing and input one at a time. Ends with a failing test and the console evidence.
`visual-diff`	Screenshots the same pages on main and on your branch with animations and dynamic content frozen, compares the pixels and labels each difference intended or regression.
`page-health`	Reports console errors, failed and slow requests, heavy assets, LCP and CLS, broken links and images, and missing SEO and social tags, ranked by user impact.

What a smoke test report looks like

Example output from smoke-test after adding team invites:

Smoke test: "Invite teammate" (branch feat/invites), Chrome 1440 + 390

✅ Invite by email: modal opens, sends, toast "Invite sent", row appears.
✅ Neighbor flow: removing a member still works.
❌ Empty email: no error shown, POST /api/invites returns 500.
   console.error: Unhandled rejection: ZodError: email Required
   (InviteModal.tsx:48)
❌ Double-click "Send": two invites created for the same email.
⚠️ Phone: modal footer buttons overflow at 390px.

Verdict: not done. 3 issues above, screenshots attached.

Requirements

Claude Code, with any plan or API key that runs it.
Node.js and a browser tool: Playwright (free), a browser MCP server, or agent-browser.
Any web app you can run locally or on a staging URL. Git, for visual-diff.

Install in two minutes

unzip browser-qa-pack-1.0.0.zip
mkdir -p ~/.claude/skills
cp -R browser-qa-pack/skills/* ~/.claude/skills/

Then say "smoke test this in the browser" on a branch with a UI change.

License

Use and modify the skills in your own projects and inside your company, including in private repos. You can't resell or redistribute them. Full terms.