Agent Skills for Accessibility (WCAG) Audits and Fixes

Skills that make an agent check and fix accessibility: contrast, focus, labels, keyboard and screen readers.

Give it to your agent

# Accessibility: what to use (AgentGid, 2026-10-23)

## Agent Skills (install once)
- npx skills add wshobson/agents --skill wcag-audit-patterns  # wcag-audit-patterns: Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and rem
- npx skills add ibelick/ui-skills --skill fixing-accessibility  # fixing-accessibility: Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus 
- npx skills add jakubkrehel/skills --skill better-accessibility  # better-accessibility: Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reade
- npx skills add tech-leads-club/agent-skills --skill accessibility  # accessibility: Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "impr
- npx skills add midudev/autoskills --skill accessibility  # accessibility: Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "impr
- npx skills add Owl-Listener/designer-skills --skill accessibility-audit  # accessibility-audit: Audit an existing interface against WCAG, producing findings with severity ratings and rem
- npx skills add Owl-Listener/designer-skills --skill accessibility-test-plan  # accessibility-test-plan: Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, 
- npx skills add addyosmani/web-quality-skills --skill accessibility  # accessibility: Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "impr
- npx skills add plugin87/ux-ui-agent-skills --skill a11y-audit  # a11y-audit: Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-refere
- npx skills add rohitg00/awesome-claude-code-toolkit --skill accessibility-wcag  # accessibility-wcag: Web accessibility patterns for WCAG 2.2 compliance including ARIA, keyboard navigation, sc

## Libraries
- npm install @playwright/test  # Playwright (JavaScript), Gid Score 90
- npm install vitest  # Vitest, Gid Score 84
- npm install @testing-library/react  # Testing Library, Gid Score 82
- npm install jsdom  # jsdom, Gid Score 81
- npm install jest  # Jest, Gid Score 81

Install commands for the skills, the libraries, and each content source with its license rules. Paste it into AGENTS.md or your first prompt.

Agent Skills

Skill	Pack	What it does and how to install
wcag-audit-patterns	wshobson/agents 41.6K stars	Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns. `npx skills add wshobson/agents --skill wcag-audit-patterns`
fixing-accessibility	ibelick/ui-skills 10.1K stars	Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance. `npx skills add ibelick/ui-skills --skill fixing-accessibility`
better-accessibility	jakubkrehel/skills 8,180 stars	Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom in your project against WCAG 2.2. `npx skills add jakubkrehel/skills --skill better-accessibility`
accessibility	tech-leads-club/agent-skills 7,083 stars	Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible". Do NOT use for SEO (use seo), performance (use core-web-vitals), or comprehensive… `npx skills add tech-leads-club/agent-skills --skill accessibility`
accessibility	midudev/autoskills 6,973 stars	Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible". `npx skills add midudev/autoskills --skill accessibility`
accessibility-audit	Owl-Listener/designer-skills 3,035 stars	Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you have a design or build to assess now. Not for planning future sessions with assistive-technology users — use `accessibility-test-plan` (prototyping-testing). `npx skills add Owl-Listener/designer-skills --skill accessibility-audit`
accessibility-test-plan	Owl-Listener/designer-skills 3,035 stars	Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol. Use when scheduling testing with real AT users. Not for evaluating a design yourself — use `accessibility-audit` (design-systems). `npx skills add Owl-Listener/designer-skills --skill accessibility-test-plan`
accessibility	addyosmani/web-quality-skills 2,977 stars	Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible". `npx skills add addyosmani/web-quality-skills --skill accessibility`
a11y-audit	plugin87/ux-ui-agent-skills 2,853 stars	Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity and specific fixes. Use when the user wants an accessibility check, contrast verification, keyboard/screen-reader review, or wants to confirm a component meets POUR. `npx skills add plugin87/ux-ui-agent-skills --skill a11y-audit`
accessibility-wcag	rohitg00/awesome-claude-code-toolkit 2,727 stars	Web accessibility patterns for WCAG 2.2 compliance including ARIA, keyboard navigation, screen readers, and testing `npx skills add rohitg00/awesome-claude-code-toolkit --skill accessibility-wcag`
ios-accessibility	dpearson2699/swift-ios-skills 1,228 stars	Build and audit SwiftUI, UIKit, and AppKit accessibility for VoiceOver, Voice Control, Switch Control, Full Keyboard Access, Dynamic Type, focus restoration, labels/traits/actions, traversal, custom rotors, NSAccessibility, XCTest checks, adaptive system preferences, and App Store accessibility… `npx skills add dpearson2699/swift-ios-skills --skill ios-accessibility`
accessibility-audit	rampstackco/claude-skills 988 stars	Run a comprehensive WCAG accessibility audit covering perceivable, operable, understandable, and robust principles. Use this skill whenever the user wants to audit accessibility, review WCAG compliance, fix accessibility issues, prepare for accessibility certification, address an accessibility… `npx skills add rampstackco/claude-skills --skill accessibility-audit`
accessibility-audit	AccessLint/skills 113 stars	Whole site or product — a full web accessibility (a11y) audit against WCAG 2.2, following the WCAG-EM methodology. Defines scope, samples representative pages and flows, runs the automated tier (`accessibility-scan`) and the hands-on manual tier (`accessibility-inspect`), and produces one… `npx skills add AccessLint/skills --skill accessibility-audit`
accessibility-diff	AccessLint/skills 113 stars	Regression check — diff a live page's web accessibility (a11y) violations against a baseline. By default it compares your uncommitted changes (stash-based); pass `--branch [<name>]` to compare against a branch. Reports the new WCAG violations introduced, the ones fixed, and the count of… `npx skills add AccessLint/skills --skill accessibility-diff`
accessible-animation	iart-ai/web-animation-skills 52 stars	This skill should be used when the user asks to "respect prefers-reduced-motion", "honor reduced motion", "make my animations accessible", "fix vestibular / motion-sickness issues", "add a useReducedMotion hook", "gate GSAP / Framer Motion / Lenis for reduced motion", or "meet WCAG 2.3.3 / C39".… `npx skills add iart-ai/web-animation-skills --skill accessible-animation`
ui-styling	nextlevelbuilder/ui-ux-pro-max-skill 139K stars	Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components… has scripts `npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-styling`
ui-ux-pro-max	nextlevelbuilder/ui-ux-pro-max-skill 139K stars	UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation.… has scripts `npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max`
frontend-ui-engineering	addyosmani/agent-skills 110K stars	Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than… `npx skills add addyosmani/agent-skills --skill frontend-ui-engineering`
screen-reader-testing	wshobson/agents 41.6K stars	Test web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support. `npx skills add wshobson/agents --skill screen-reader-testing`
speech	openai/skills 28.3K stars	Use when the user asks for text-to-speech narration or voiceover, accessibility reads, audio prompts, or batch speech generation via the OpenAI Audio API; run the bundled CLI (`scripts/text_to_speech.py`) with built-in voices and require `OPENAI_API_KEY` for live calls. Custom voice creation is… has scripts `npx skills add openai/skills --skill speech`
ux-design	Donchitos/Claude-Code-Game-Studios 27.2K stars	Section-by-section UX spec authoring for a screen, flow or HUD. Reads the player journey to provide context; also project-wide accessibility. `npx skills add Donchitos/Claude-Code-Game-Studios --skill ux-design`
ux-review	Donchitos/Claude-Code-Game-Studios 27.2K stars	Validate a UX spec, HUD design or pattern library — accessibility, GDD alignment, readiness. APPROVED / NOT ASSESSED / NEEDS REVISION / MAJOR REVISION NEEDED. `npx skills add Donchitos/Claude-Code-Game-Studios --skill ux-review`
control-ui	cursor/plugins 13.7K stars	Build or adapt a local browser/CDP harness to drive and inspect a web, IDE, or Electron UI. Use for local UI verification, screenshots, accessibility snapshots, perf profiles, visual diffs, or reproducing UI bugs. `npx skills add cursor/plugins --skill control-ui`
react-vite-dashboard	google-labs-code/stitch-skills 8,543 stars	Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem). `npx skills add google-labs-code/stitch-skills --skill react-vite-dashboard`

Names and descriptions come from each skill's SKILL.md. Packs with more GitHub stars first, at most a few skills from one pack.

Libraries projects use for this

Playwright (JavaScript)	Cross-browser automation library for end-to-end testing. `npm install @playwright/test` · Gid Score 90
Vitest	Next-generation testing framework powered by Vite with native ESM. `npm install vitest` · Gid Score 84
Testing Library	Testing utilities for React encouraging testing user behavior. `npm install @testing-library/react` · Gid Score 82
jsdom	JavaScript implementation of web standards for testing DOM interactions. `npm install jsdom` · Gid Score 81
Jest	Delightful JavaScript testing framework with minimal configuration. `npm install jest` · Gid Score 81

Web design Landing page Dashboard UI Mobile app Design polish Accessibility Web animation Product video Remove AI writing tells