Menu
Master index for all UI testing skills. Lists available test suites and their coverage.
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/az9713/playwright-cli-skills --skill playwright-ui-testingThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Run comprehensive WCAG 2.1 AA+ accessibility tests on a URL. Use when user wants to test accessibility, a11y compliance, screen reader support, or keyboard navigation.
Run the complete UI testing suite — all 16 test skills across functional testing and UX design quality. Use when user wants a comprehensive site audit, full test suite, or complete quality assessment.
Audit design system consistency across pages. Use when user wants to check visual consistency, design tokens, component reuse, color palette, typography, spacing, or cross-page uniformity.
Based on SOC occupation classification
Showing SKILL.md
| name | playwright-ui-testing |
| description | Master index for all UI testing skills. Lists available test suites and their coverage. |
Comprehensive UI testing powered by Playwright CLI with parallel subagent execution.
| 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 |
| 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 |
| Skill | Command | Description |
|---|---|---|
| Full Suite | /test-all <url> | Runs all 16 skills in phased parallel execution (~482+ test cases) |
Inspired by Claude Code + Playwright: Test Any App in 10 Mins for $0 by Scheffel:
references/fix-loop.md.references/prerequisites.md.--headed to any skill to see browser windows during testing./test-generate reads your codebase and generates project-specific .spec.ts files that run via npx playwright test at zero token cost.| Flag | Effect |
|---|---|
--headed | Show browser windows during testing |
--skip-prereqs | Skip environment prerequisite checks |
--baseline | Capture regression baseline (test-regression only) |
playwright.config.ts Generation — Standalone config file generator (currently part of /test-generate Phase 4)--persist) — Save generated tests into tests/e2e/ as permanent project regression suiteAll 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)