Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From hb
Audits accessibility compliance by scanning frontend code (JSX, TSX, HTML, Vue) for WCAG violations. Detects framework, runs static analysis, optionally uses axe-core CLI, and reports issues grouped by severity with file:line references and fixes.
How this skill is triggered — by the user, by Claude, or both
Slash command
/hb:a11y-auditThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
1. Detect framework from `package.json` (React, Vue, Svelte)
package.json (React, Vue, Svelte)npx @axe-core/cli@4 http://localhost:3000
Group by WCAG criterion:
Use file:line references. Include the fix for each finding. Prioritize keyboard navigation and screen reader issues; never auto-fix -- show what to change and why.
.html, .jsx, .tsx, .vue filesnpx claudepluginhub helderberto/agent-skills --plugin hbScans HTML and JSX files for WCAG accessibility issues (missing alt text, color contrast, focus management) and generates AI-powered code fixes. Use on single files or entire directories before launch or in CI/CD.
Audits web projects for WCAG 2.2 AA accessibility gaps in HTML, React/TSX, Vue, Svelte components, CSS, and templates. Prioritizes issues by user impact and recommends fixes without code changes.
Audits and fixes WCAG 2.2 accessibility issues with report (sweep and prioritize, no edits) and fix (audit-edit-verify loop) modes. Prefers live CDP, falls back to browser MCP or HTML string audit.