Agent skill

Playwright Scanner

by Community-Access in Community-Access/accessibility-agents

Internal helper: behavioral scans via Playwright for keyboard and state.

MITAuto-check passedTesting & QA

Install Playwright Scanner

skills CLI

$ npx skills add Community-Access/accessibility-agents --skill playwright-scanner -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install Community-Access/accessibility-agents playwright-scanner --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/playwright-scanner .claude/skills/playwright-scanner && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "playwright-scanner" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/playwright-scanner into .claude/skills/playwright-scanner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-scanner", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/Community-Access/accessibility-agents/tree/main/skills/playwright-scanner

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add Community-Access/accessibility-agents --skill playwright-scanner -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install Community-Access/accessibility-agents playwright-scanner --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/playwright-scanner .agents/skills/playwright-scanner && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "playwright-scanner" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/playwright-scanner into .agents/skills/playwright-scanner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-scanner", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add Community-Access/accessibility-agents --skill playwright-scanner -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install Community-Access/accessibility-agents playwright-scanner --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/playwright-scanner .cursor/skills/playwright-scanner && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "playwright-scanner" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/playwright-scanner into .cursor/skills/playwright-scanner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-scanner", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/Community-Access/accessibility-agents.git --path skills/playwright-scanner

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add Community-Access/accessibility-agents --skill playwright-scanner -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install Community-Access/accessibility-agents playwright-scanner --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/playwright-scanner .gemini/skills/playwright-scanner && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "playwright-scanner" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/playwright-scanner into .gemini/skills/playwright-scanner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-scanner", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install Community-Access/accessibility-agents playwright-scanner

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add Community-Access/accessibility-agents --skill playwright-scanner -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/playwright-scanner .github/skills/playwright-scanner && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "playwright-scanner" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/playwright-scanner into .github/skills/playwright-scanner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-scanner", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add Community-Access/accessibility-agents --skill playwright-scanner -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install Community-Access/accessibility-agents playwright-scanner --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/Community-Access/accessibility-agents.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/playwright-scanner .opencode/skills/playwright-scanner && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "playwright-scanner" agent skill from https://github.com/Community-Access/accessibility-agents/tree/main/skills/playwright-scanner into .opencode/skills/playwright-scanner/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "playwright-scanner", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: playwright-scanner
GitHub stars: 423
Token cost: ~911 tokens
SKILL.md length: 405 words
Files: 2
Skills in repo: 108
Repo updated: Sep 23, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Internal helper: behavioral scans via Playwright for keyboard and state.

Works in 3 steps: Full Behavioral Scan → Focus Management Tests → Targeted Scans
Tasks that involve Browser testing
SKILL.md covers Capabilities, Graceful Degradation, WCAG Coverage and Output contract
Calls npm and npx

What it does

Playwright Scanner is an agent skill from Community-Access/accessibility-agents. Internal helper: behavioral scans via Playwright for keyboard and state.

Its SKILL.md is about 910 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).

It sits in Testing & QA, covering Browser testing and Accessibility. It works with Playwright. The repository describes itself as: Accessibility review agents for Claude Code, GitHub Copilot, and Claude Desktop. Eleven specialists that enforce WCAG 2.2 AA compliance so AI coding tools stop generating… The licence is MIT.

When your agent uses it

Tasks that involve Browser testing
Tasks that involve Accessibility

Example prompts

“/playwright-scanner”

Requirements

Node.js

Workflow steps

3 steps, taken from the step headings in SKILL.md.

Full Behavioral Scan
Focus Management Tests
Targeted Scans

What it can do on your machine

Read from SKILL.md and the folder at commit decf6ba. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- npm
- npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm and npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Playwright Scanner loads about 911 tokens when it runs. Until then it costs about 23 tokens; SKILL.md has 405 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~23
When it runs · the whole SKILL.md, loaded when a task matches: ~911

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from Community-Access/accessibility-agents at commit decf6ba, republished under its MIT licence (© Community-Access). 405 words, ~911 tokens.

Download SKILL.mdSave it as .claude/skills/playwright-scanner/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.

name: playwright-scanner
description: Internal helper: behavioral scans via Playwright for keyboard and state.
license: MIT
disable-model-invocation: true
user-invocable: false
metadata.tier: helper
metadata.domain: web
metadata.output: findings
metadata.effort: low
metadata.title: Playwright Scanner

You are a behavioral accessibility scanner agent. You are a read-only agent — you never edit source files, configuration, or documentation. You are invoked internally by web-accessibility-wizard to run live browser-based accessibility tests.

Knowledge domains: Playwright Testing, Web Severity Scoring

Capabilities

1. Full Behavioral Scan

When invoked with a URL and scan profile, execute the following tests in order:

Keyboard Flow Mapping — Call run_playwright_keyboard_scan to record the complete Tab sequence, detect keyboard traps, and identify unreachable interactive elements.
Dynamic State Scanning — Call run_playwright_state_scan to click triggers (accordions, menus, modals, tabs) and run axe-core against each revealed state.
Responsive Viewport Scanning — Call run_playwright_viewport_scan at widths [320, 768, 1024, 1440] to detect reflow failures, horizontal scroll, and undersized touch targets.
Rendered Contrast Verification — Call run_playwright_contrast_scan to extract computed foreground/background colors and calculate contrast ratios after full CSS cascade resolution.
Accessibility Tree Snapshot — Call run_playwright_a11y_tree to capture the browser's accessibility tree for landmark/heading/role/name verification.

2. Focus Management Tests

Combine keyboard and state scans for focused testing:

Click a modal trigger → verify activeElement moves to the modal
Close the modal → verify activeElement returns to the trigger
Navigate to a skip link → press Enter → verify focus moves to main content

3. Targeted Scans

When invoked with specific test parameters:

keyboard-only — Run only keyboard flow mapping
states-only — Run only dynamic state scanning
viewport-only — Run only responsive viewport scanning
contrast-only — Run only contrast verification
tree-only — Run only accessibility tree snapshot

Show full SKILL.md (168 more words)Show less

Graceful Degradation

If Playwright is not installed:

Report that behavioral scans are unavailable
List the install command: npm install -D playwright @axe-core/playwright && npx playwright install chromium
Return a "degraded" status so the wizard can proceed with static-only analysis

If @axe-core/playwright is not installed but Playwright is:

Run keyboard scan, contrast scan, and accessibility tree (Playwright-only tools)
Skip state scan and viewport scan (require @axe-core/playwright)
Report partial results with a note about the missing dependency

WCAG Coverage

Each tool, with its WCAG success criteria.

Tool	WCAG Success Criteria
Keyboard Scan	2.1.1 Keyboard, 2.1.2 No Keyboard Trap, 2.4.3 Focus Order
State Scan	All SC in dynamic states (1.3.1, 4.1.2, etc.)
Viewport Scan	1.4.10 Reflow, 2.5.5 Target Size Enhanced, 2.5.8 Target Size Minimum
Contrast Scan	1.4.3 Contrast Minimum, 1.4.6 Contrast Enhanced
A11y Tree	Structural SC (1.3.1, 2.4.6, 4.1.2)

Output contract

Return only JSON matching skills/a11y-core/schemas/findings.schema.json. No prose, no summary, no restated instructions. One object, one array of findings.

Shared rules, dispatch contract and schemas: skills/a11y-core/SKILL.md. Authoritative specifications for this skill: skills/a11y-core/references/sources.md.

Files

SKILL.md and 1 other file in skills/playwright-scanner of Community-Access/accessibility-agents.

SKILL.md
agents/openai.yaml

Open the folder on GitHubat commit decf6ba

Compare with similar skills

Playwright Scanner next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Playwright Scanner compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Playwright Scanner this skillCommunity-Access/accessibility-agents	423	—	~911	Automated safety check: Pass	MIT	16 days ago
E2E Testingericrisco/rsc-harness	174	—	~3.2k	Automated safety check: Pass	MIT	yesterday
UI Visual DebuggingNangoHQ/nango	13k	—	~1.3k	Automated safety check: Pass	Custom licence	today
Scout UI Testingelastic/kibana	21k	—	~3.1k	Automated safety check: Pass	Custom licence	today
Playwright Best Practicessanity-io/sanity	6.4k	7 repos	~6.4k	Automated safety check: Pass	MIT	today
Mirroir Onboardjfarcand/mirroir-mcp	246	—	~4.4k	Automated safety check: Notes	Apache-2.0	3 days ago

Similar skills

E2E Testing
ericrisco/rsc-harness
A skill your agent uses when writing or stabilizing Playwright tests that drive a real browser through multi-step journeys — durable locators, web-first assertions, storageState auth, trace/retries…
174 GitHub stars~3.2k tokensUpdated yesterday
Testing & QAAuto-check passed
UI Visual Debugging
NangoHQ/nango
A skill your agent uses when modifying or visually debugging Nango frontend UI, including packages/webapp, packages/connect-ui, browser interactions, screenshots, and visual regressions.
13k GitHub stars~1.3k tokensUpdated today
Testing & QAAuto-check passed
Scout UI Testing
elastic/kibana
Official
A skill your agent uses when creating, updating, debugging, or reviewing Scout UI tests in Kibana (Playwright + Scout fixtures), including page objects, browser authentication, parallel UI tests…
21k GitHub stars~3.1k tokensUpdated today
Frontend & DesignAuto-check passed
Playwright Best Practices
sanity-io/sanity
Official
A skill your agent uses when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling…
6.4k GitHub starsUsed in 7 repos~6.4k tokens
Testing & QAAuto-check passed
Mirroir Onboard
jfarcand/mirroir-mcp
Onboard a consumer web app to mirroir's .mirroir/ dotfile by EXPLORING the running app (chrome-devtools-mcp) — derive real selectors from the accessibility tree, exercise each surface's primary…
246 GitHub stars~4.4k tokensUpdated 3 days ago
Testing & QAAuto-check: notes
Verify Debbie Codes
debs-obrien/debbie.codes
Drive the live debbie.codes Nuxt site (web UI) the way a user does via Playwright — launch the dev server, doctor health, exercise mapped features, capture screenshots/ARIA evidence, and clean up.
142 GitHub stars~1.9k tokensUpdated yesterday
Testing & QAAuto-check passed

Questions about Playwright Scanner

What does Playwright Scanner do?

Internal helper: behavioral scans via Playwright for keyboard and state. Playwright Scanner is an agent skill from Community-Access/accessibility-agents. Internal helper: behavioral scans via Playwright for keyboard and state.

When should I use Playwright Scanner?

Playwright Scanner fits situations like: tasks that involve Browser testing; tasks that involve Accessibility.

How do I install Playwright Scanner in Claude Code?

Run `npx skills add Community-Access/accessibility-agents --skill playwright-scanner -a claude-code`. Or copy the skill folder (skills/playwright-scanner in Community-Access/accessibility-agents) into .claude/skills/playwright-scanner in your project. Claude Code loads it when a task matches its description.

How do I install Playwright Scanner in Codex?

Run `npx skills add Community-Access/accessibility-agents --skill playwright-scanner -a codex`. Or copy the skill folder (skills/playwright-scanner in Community-Access/accessibility-agents) into .agents/skills/playwright-scanner in your project. Codex loads it when a task matches its description.

Can I use Playwright Scanner in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Community-Access/accessibility-agents --skill playwright-scanner -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/playwright-scanner, .gemini/skills/playwright-scanner, .github/skills/playwright-scanner and .opencode/skills/playwright-scanner in your project.

What does Playwright Scanner need to run?

Going by SKILL.md and its folder, Playwright Scanner needs the command-line tools its instructions call (npm and npx). Our summary lists: Node.js.

Does Playwright Scanner access the network?

SKILL.md contains no URLs. Its commands use npm and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Playwright Scanner safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Playwright Scanner use?

Playwright Scanner is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Playwright Scanner use?

About 911 tokens (SKILL.md is roughly 3.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Playwright Scanner?

Skills that share tags, products or a category with Playwright Scanner: E2E Testing (ericrisco/rsc-harness, 174 stars), UI Visual Debugging (NangoHQ/nango, 13k stars), Scout UI Testing (elastic/kibana, 21k stars) and Playwright Best Practices (sanity-io/sanity, 6.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Playwright Scanner?

Community-Access (a GitHub organization) maintains it in Community-Access/accessibility-agents, which has 423 GitHub stars. The repository holds 108 skills in this directory. The repository was last updated on September 23, 2026.

Source: Community-Access/accessibility-agents on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Playwright Scanner

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Capabilities

1. Full Behavioral Scan

2. Focus Management Tests

3. Targeted Scans

Graceful Degradation

WCAG Coverage

Output contract

Files

Compare with similar skills

Similar skills

More from Community-Access/accessibility-agents

Related

Questions about Playwright Scanner