1---2name: playwright-ui-testing3description: Master index for all UI testing skills. Lists available test suites and their coverage.4---56# UI Testing Suite78Comprehensive UI testing powered by Playwright CLI with parallel subagent execution.910## Available Test Skills1112### Category A: UI Functional Testing1314| Skill | Command | Test Cases | Description |15|-------|---------|------------|-------------|16| Form Testing | `/test-forms <url>` | 27 | Form validation, input handling, submit states |17| Accessibility | `/test-a11y <url>` | 40 | WCAG 2.1 AA+ compliance testing |18| Responsive | `/test-responsive <url>` | 72 | Multi-viewport responsive design testing |19| User Flows | `/test-flows <url>` | 30 | Authentication, navigation, SPA behavior |20| Cross-Browser | `/test-cross-browser <url>` | 30 | Chromium, Firefox, WebKit consistency |21| Security | `/test-security <url>` | 55 | OWASP+ vulnerability detection |22| Performance | `/test-perf <url>` | 25 | Core Web Vitals, runtime performance |23| SEO | `/test-seo <url>` | 27 | Meta tags, structured data, crawlability |24| UI States | `/test-states <url>` | 35 | Loading, empty, error, overlay states |25| Links | `/test-links <url>` | 23 | Link integrity, broken links, semantics |26| Regression | `/test-regression <url>` | 8 | Baseline comparison, structural diff |27| Test Generate | `/test-generate` | — | Generate project-specific Playwright test files |2829### Category B: UX Design Quality3031| Skill | Command | Test Cases | Description |32|-------|---------|------------|-------------|33| Heatmap | `/test-heatmap <url>` | 24 | Attention prediction, visual hierarchy |34| UX Writing | `/test-ux-writing <url>` | 26 | Micro-copy quality, CTA effectiveness |35| Consistency | `/test-consistency <url>` | 30 | Design system consistency audit |36| Conversion | `/test-conversion <url>` | 30 | Conversion optimization, cognitive load |3738### Orchestrator3940| Skill | Command | Description |41|-------|---------|-------------|42| Full Suite | `/test-all <url>` | Runs all 16 skills in phased parallel execution (~482+ test cases) |4344## What's New (v1.1)4546Inspired by [Claude Code + Playwright: Test Any App in 10 Mins for $0](https://www.youtube.com/watch?v=O4_0IaIZKFI&t=15s) by Scheffel:4748- **Fix Loop** — When tests fail, automatically retries up to 3 times, categorizing failures as test bugs vs app bugs. Applied to all 14 individual test skills. See `references/fix-loop.md`.49- **Prerequisites Check** — Auto-installs Playwright, browser binaries, and axe-core if missing. See `references/prerequisites.md`.50- **Headed Mode** — Pass `--headed` to any skill to see browser windows during testing.51- **Test Generation** — `/test-generate` reads your codebase and generates project-specific `.spec.ts` files that run via `npx playwright test` at zero token cost.5253### Flags5455| Flag | Effect |56|------|--------|57| `--headed` | Show browser windows during testing |58| `--skip-prereqs` | Skip environment prerequisite checks |59| `--baseline` | Capture regression baseline (test-regression only) |6061### Future Features6263- **`playwright.config.ts` Generation** — Standalone config file generator (currently part of `/test-generate` Phase 4)64- **Test File Persistence (`--persist`)** — Save generated tests into `tests/e2e/` as permanent project regression suite6566## Output6768All results are saved to `test-results/<skill-name>/<timestamp>/`:69- `report.md` — Test results with pass/fail, severity, fix suggestions70- `screenshots/` — Visual evidence71- `snapshots/` — Accessibility tree captures72- `traces/` — Playwright execution traces73- `videos/` — Recorded flows (when applicable)7475## Shared References7677- [Common Setup](references/common-setup.md) — URL parsing, session naming, output dirs78- [Evidence Capture](references/evidence-capture.md) — Tracing, screenshots, snapshots79- [Report Format](references/report-format.md) — Standard report template, severity ratings80- [Prerequisites](references/prerequisites.md) — Environment verification, auto-install81- [Fix Loop](references/fix-loop.md) — Automated test repair process
az9713