Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →community-access/playwright-testing
Browser accessibility testing using Playwright and @axe-core/playwright. Keyboard scans, contrast verification, and accessibility tree snapshots.
Passed 17 of 22 test cases with the skill, and 11 of 22 without it.
and 6 more in the full report
7 fixed10 passed either way4 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 7 test cases the skill fixed. Same model, same prompt, with and without the skill.
Write the exact user-facing warning message to display when Playwright is missing entirely from the project environment, explaining what testing features are unavailable and the exact npm command to install all necessary packages.
| Checked | Without skill | With skill |
|---|---|---|
| Informs the user that behavioral testing (keyboard traversal, dynamic states, responsive viewport, rendered contrast) is unavailable | Missed | Passed |
| Recommends running npm install -D playwright @axe-core/playwright && npx playwright install chromium | Missed | Passed |
The instructions your model reads when the skill loads.
Reusable knowledge module for browser-based accessibility testing using Playwright and @axe-core/playwright.
| Tool | Purpose | Requires @axe-core/playwright |
|---|---|---|
run_playwright_keyboard_scan | Tab-order traversal, keyboard trap detection | No |
run_playwright_state_scan | Click triggers, scan revealed content with axe-core | Yes |
run_playwright_viewport_scan | Multi-viewport axe-core + touch target measurement | Yes |
run_playwright_contrast_scan | Computed-style contrast ratio after CSS cascade | No |
run_playwright_a11y_tree | Browser accessibility tree snapshot | No |
import AxeBuilder from '@axe-core/playwright';
const results = await new AxeBuilder({ page })
.withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'wcag22aa'])
.analyze();
const results = await new AxeBuilder({ page })
.include('.modal-content')
.withTags(['wcag2a', 'wcag2aa'])
.analyze();
const results = await new AxeBuilder({ page })
.include('#hero-image')
test cases passed, vs 11 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.