UI Testing Suite
Comprehensive UI testing powered by Playwright CLI with parallel subagent execution.
Available Test Skills
Category A: UI Functional Testing
| Skill |
Command |
Test Cases |
Description |
| Form Testing |
/test-forms <url> |
27 |
Form validation, input handling, submit states |
| Accessibility |
/test-a11y <url> |
40 |
WCAG 2.1 AA+ compliance testing |
| Responsive |
/test-responsive <url> |
72 |
Multi-viewport responsive design testing |
| User Flows |
/test-flows <url> |
30 |
Authentication, navigation, SPA behavior |
| Cross-Browser |
/test-cross-browser <url> |
30 |
Chromium, Firefox, WebKit consistency |
| Security |
/test-security <url> |
55 |
OWASP+ vulnerability detection |
| Performance |
/test-perf <url> |
25 |
Core Web Vitals, runtime performance |
| SEO |
/test-seo <url> |
27 |
Meta tags, structured data, crawlability |
| UI States |
/test-states <url> |
35 |
Loading, empty, error, overlay states |
| Links |
/test-links <url> |
23 |
Link integrity, broken links, semantics |
| Regression |
/test-regression <url> |
8 |
Baseline comparison, structural diff |
| Test Generate |
/test-generate |
— |
Generate project-specific Playwright test files |
Category B: UX Design Quality
| Skill |
Command |
Test Cases |
Description |
| Heatmap |
/test-heatmap <url> |
24 |
Attention prediction, visual hierarchy |
| UX Writing |
/test-ux-writing <url> |
26 |
Micro-copy quality, CTA effectiveness |
| Consistency |
/test-consistency <url> |
30 |
Design system consistency audit |
| Conversion |
/test-conversion <url> |
30 |
Conversion optimization, cognitive load |
Orchestrator
| Skill |
Command |
Description |
| Full Suite |
/test-all <url> |
Runs all 16 skills in phased parallel execution (~482+ test cases) |
What's New (v1.1)
Inspired by Claude Code + Playwright: Test Any App in 10 Mins for $0 by Scheffel:
- 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.
- Prerequisites Check — Auto-installs Playwright, browser binaries, and axe-core if missing. See
references/prerequisites.md.
- Headed Mode — Pass
--headed to any skill to see browser windows during testing.
- Test Generation —
/test-generate reads your codebase and generates project-specific .spec.ts files that run via npx playwright test at zero token cost.
Flags
| Flag |
Effect |
--headed |
Show browser windows during testing |
--skip-prereqs |
Skip environment prerequisite checks |
--baseline |
Capture regression baseline (test-regression only) |
Future Features
playwright.config.ts Generation — Standalone config file generator (currently part of /test-generate Phase 4)- Test File Persistence (
--persist) — Save generated tests into tests/e2e/ as permanent project regression suite
Output
All results are saved to test-results/<skill-name>/<timestamp>/:
report.md — Test results with pass/fail, severity, fix suggestionsscreenshots/ — Visual evidencesnapshots/ — Accessibility tree capturestraces/ — Playwright execution tracesvideos/ — Recorded flows (when applicable)
Shared References
