qa

1# /qa — Browser QA Verification
2 
3## Dependency: Playwright
4 
5/qa requires Playwright. It's an optional dependency.
6 
7**If Playwright is installed:** full browser QA works.
8**If Playwright is NOT installed:** the skill offers to install it, or falls
9back to /live-preview (screenshot-only verification).
10 
11Detection:
12```bash
13npx playwright --version 2>/dev/null
14```
15 
16Installation (if user agrees):
17```bash
18npm install -D playwright
19npx playwright install chromium
20```
21 
22Only installs Chromium (smallest download, ~150MB). Not Firefox or WebKit
23unless the user asks for cross-browser testing.
24 
25**/do setup integration:** During setup, if the project is a web app (has
26React, Next.js, Vue, Svelte, or HTML files), offer to install Playwright:
27"I see this is a web project. Want to enable browser QA testing? This installs
28Playwright (~150MB) for interaction testing. (y/n)"
29 
30If they say no, /qa falls back to /live-preview. No pressure.
31 
32## When to Use
33 
34- After building a feature (verify it actually works in a browser)
35- As a phase end condition: "QA verification passes for [flow]"
36- When /do routes "qa", "test the app", "does it work", "click through it"
37- When /create-app campaigns reach the verification phase
38- After /live-preview shows something renders but you need to verify interactions
39 
40## Protocol
41 
42### Step 1: DISCOVER
43 
44Before testing, understand what to test:
45 
461. Read the project's routes/pages (from file tree, router config, or package.json scripts)
47…