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 hbAudits 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. Report mode: sweep codebase/page for prioritized report. Fix mode: audit-edit-verify loop. Prefers live-DOM via CDP, falls back to browser-MCP or HTML-string audits.
Audits UI source code for accessibility violations (WCAG), performance anti-patterns, and quality issues via static analysis. Provides file:line findings with severity levels and fix suggestions for React and Rails projects.