Frontend & Design · Accessibility (a11y)

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.

Ranked shortlist

The top 12 accessibility (a11y) skills

#SkillAuthorRepoForStarsInstalls
1web-design-guidelines
Run a fresh, Vercel-aligned UI and accessibility review on specific frontend files before you ship or merge polish work.
vercel-labsvercel-labs/agent-skillsClaude Code27.7k390k
2audit
Generate a scored technical quality report—accessibility, performance, theming, responsive layout, and anti-patterns—with P0–P3 severities without auto-fixing code.
pbakauspbakaus/impeccableClaude Code35.9k82.7k
3playwright-best-practices
Install this when you want your coding agent to author, stabilize, and maintain Playwright suites across E2E, component, API, visual, and accessibility flows.
currents-devcurrents-dev/playwright-best-practices-skillClaude Code29250.1k
4accessibility
Run WCAG 2.2–aligned accessibility audits and get concrete HTML/CSS/ARIA fixes before you ship a solo-built web UI.
addyosmaniaddyosmani/web-quality-skillsClaude Code2.2k28.3k
5swiftui-pro
Run a structured SwiftUI and Swift review for deprecated APIs, data flow, navigation, HIG, accessibility, and performance before merge or release.
twostrawstwostraws/swiftui-agent-skillClaude Code4.1k19.7k
6web-perf
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.
cloudflarecloudflare/skillsClaude Code1.7k14.5k
7flutter-animations
Implement, fix, or refactor Flutter motion—implicit widgets, AnimationController, Hero transitions, gestures, and reduced-motion accessibility—in existing app structure.
madteachermadteacher/mad-agents-skillsClaude Code10114.1k
8fixing-accessibility
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.
ibelickibelick/ui-skillsClaude Code2.1k13k
9web-design-reviewer
Visually inspect a running site in the browser, flag responsive, accessibility, and layout issues, then patch the source in your repo.
githubgithub/awesome-copilotClaude Code34.6k11.4k
10penpot-uiux-design
Create and refine web, mobile, or desktop UI in Penpot via penpot-mcp tools, design systems, and accessibility patterns.
githubgithub/awesome-copilotClaude Code34.6k10.9k
11accessibility-compliance
Implement WCAG 2.2 patterns and fix audit findings so web and mobile UIs work with keyboards and assistive tech.
wshobsonwshobson/agentsClaude Code36.5k10.1k
12react-doctor
Run React Doctor before commit to catch regressions in lint, accessibility, bundle size, and architecture with a 0–100 score.
millioncomillionco/react-doctorClaude Code12.4k9.7k
FAQ

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

This week for builders

Five minutes, every Monday — the tools, releases and tactics for shipping solo.

unsubscribe anytime.