Best Accessibility (a11y) skills for AI coding (2026)
web-design-guidelines is the best accessibility (a11y) skill for AI coding — 27.7k GitHub stars, 390k installs. Strong alternatives: audit and playwright-best-practices.
Curated accessibility audits, WCAG and inclusive-UI skills for builders, ranked by real adoption (installs, then GitHub stars). Part of Frontend & Design — see the full best design skills shortlist.
Curated by Skillselion · ranked by adoption from the skills.sh registry & GitHub.
The top 12 accessibility (a11y) skills
| # | Skill | Author | Repo | For | Stars | Installs |
|---|---|---|---|---|---|---|
| 1 | Run a fresh, Vercel-aligned UI and accessibility review on specific frontend files before you ship or merge polish work. | vercel-labs | vercel-labs/agent-skills | Claude Code | 27.7k | 390k |
| 2 | Generate a scored technical quality report—accessibility, performance, theming, responsive layout, and anti-patterns—with P0–P3 severities without auto-fixing code. | pbakaus | pbakaus/impeccable | Claude Code | 35.9k | 82.7k |
| 3 | Install this when you want your coding agent to author, stabilize, and maintain Playwright suites across E2E, component, API, visual, and accessibility flows. | currents-dev | currents-dev/playwright-best-practices-skill | Claude Code | 292 | 50.1k |
| 4 | Run WCAG 2.2–aligned accessibility audits and get concrete HTML/CSS/ARIA fixes before you ship a solo-built web UI. | addyosmani | addyosmani/web-quality-skills | Claude Code | 2.2k | 28.3k |
| 5 | Run a structured SwiftUI and Swift review for deprecated APIs, data flow, navigation, HIG, accessibility, and performance before merge or release. | twostraws | twostraws/swiftui-agent-skill | Claude Code | 4.1k | 19.7k |
| 6 | Audit real page-load performance with Chrome DevTools MCP—Core Web Vitals, render blocking, caching, and accessibility gaps—with thresholds pulled from current web.dev docs. | cloudflare | cloudflare/skills | Claude Code | 1.7k | 14.5k |
| 7 | Implement, fix, or refactor Flutter motion—implicit widgets, AnimationController, Hero transitions, gestures, and reduced-motion accessibility—in existing app structure. | madteacher | madteacher/mad-agents-skills | Claude Code | 101 | 14.1k |
| 8 | Audit and minimally fix HTML accessibility—ARIA, keyboard paths, focus, contrast, and forms—when you add interactive UI or need WCAG-oriented review before ship. | ibelick | ibelick/ui-skills | Claude Code | 2.1k | 13k |
| 9 | Visually inspect a running site in the browser, flag responsive, accessibility, and layout issues, then patch the source in your repo. | github | github/awesome-copilot | Claude Code | 34.6k | 11.4k |
| 10 | Create and refine web, mobile, or desktop UI in Penpot via penpot-mcp tools, design systems, and accessibility patterns. | github | github/awesome-copilot | Claude Code | 34.6k | 10.9k |
| 11 | Implement WCAG 2.2 patterns and fix audit findings so web and mobile UIs work with keyboards and assistive tech. | wshobson | wshobson/agents | Claude Code | 36.5k | 10.1k |
| 12 | Run React Doctor before commit to catch regressions in lint, accessibility, bundle size, and architecture with a 0–100 score. | millionco | millionco/react-doctor | Claude Code | 12.4k | 9.7k |
Common questions
What is the best skill for accessibility (a11y)?
web-design-guidelines is the top-ranked accessibility (a11y) skill, with 390k installs and 27.7k GitHub stars — Run a fresh, Vercel-aligned UI and accessibility review on specific frontend files before you ship or merge polish work..
How are these accessibility (a11y) skills ranked?
By real adoption — installs first, then GitHub stars — across curated skills matching accessibility audits, WCAG and inclusive-UI skills. Data from the skills.sh registry and GitHub.
How do I install web-design-guidelines?
Run: npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines