Claude A11y Skill gives Claude Code the ability to run accessibility audits against your project without leaving the terminal. It combines two complementary tools. axe-core handles runtime DOM analysis, catching issues that only surface in a rendered page. jsx-a11y performs static analysis on React components, flagging problems at the source level before they reach the browser.
How it works
Install the skill into your .claude/skills/ directory. When you invoke the audit command, Claude scans your project for component files, runs both analysis passes, and returns a consolidated report. Each finding includes the WCAG criterion it violates, the severity level, the affected element, and a suggested fix.
The skill groups findings by component rather than by rule. This means you can fix one file at a time without jumping between unrelated parts of the codebase.
When to reach for it
Use this skill during development to catch issues before they reach code review. It fits naturally into a TDD loop where you write a component, audit it, fix the findings, and move on. Teams that run it before every pull request report fewer accessibility regressions reaching production.
The skill is most useful on React and JSX-heavy projects. For plain HTML or server-rendered pages, a browser-based audit tool may be more appropriate.