Test your app in a real browser before you ship
For anyone about to ship a web app: click through every page in a real browser and catch what breaks before your users do. Finds your pages from Next.js, SvelteKit, Nuxt, Astro, or Remix routes and writes a Playwright test that loads each one at desktop and phone sizes, catching crashes, console errors, broken requests, missing titles and alt text, and pages that scroll sideways on a phone, with a screenshot of every page. Then it tests the journeys you name, like sign up or checkout, and writes a QA report.
- Activity
- New: be the first to try it
Will this work for me?
- Effort
- Needs about 10 minutes of setupOur guess from what the kit says it needs.
- Works in
- Claude Code and the desktop appNot in claude.ai chat.
- You need
Claude Code: setup steps
- What it is
- Claude in your terminal or in the desktop app's Code tab. This kit does not work in claude.ai chat.
- Where to get it
- It comes with the Pro, Max, Team, and Enterprise plans, or a Claude Console account. The free plan does not include it. See Claude plans
How this works
- It is a skill: written instructions Claude reads when your request matches what the skill is for. You do not call it by name; just ask for the task.
- While it works, it reads and changes files in the places it lists, nowhere else.
- It runs these commands on your computer: node scripts/qa-routes.mjs, npx playwright test, npx playwright install chromium, npx playwright show-report, npm install --save-dev @playwright/test.
- It needs a setting from you before it runs: QA_BASE_URL. Values stay on your computer.
- Nothing runs until you choose to use it, and you can remove it any time.
What it can access
What this kit says it will touch, the same list you see before you add it. These are its Permissions: What a kit is allowed to touch on your computer or accounts, such as reading a folder or using the internet. You see them before you add it.. In Claude Code they become rules, so Claude stops anything not on the list.
Command
Runs the command: node scripts/qa-routes.mjs (with any arguments, without asking)