This runs WCAG 2.2 audits against your UI components and spits out criterion-referenced findings with severity tags and specific fixes. It checks the P0 set (keyboard nav, focus visibility at 3:1, screen reader attributes, 4.5:1 text contrast, 24×24 targets), newer 2.2 stuff like Focus Not Obscured and Target Size, and reduced motion handling. The useful bit is it actually measures contrast by running node scripts against rendered HTML rather than eyeballing hex codes, and it checks interactive states (hover, focus) separately to catch things that pass at rest but fail on interaction. Good when you need to confirm a component meets POUR principles or satisfy an accessibility review with real numbers.

skills.sh installs
598
GitHub stars
3.1K
last updated
Jun 11, 2026

Install

$ npx -y skills add plugin87/ux-ui-agent-skills --skill a11y-audit --agent claude-code

Installs into .claude/skills of the current project.

Files

Skill: Accessibility Audit

Requirements

This skill needs the full UX/UI Agent Skills kit: the gates, the references and the design-system library. Install it with npx ux-ui-agent-skills@3.1.0 init or as the Claude Code plugin. npx skills@1.7.6 add copies the skill folder and nothing else. Installed that way, this skill runs in guidance-only mode: no gate runs, so it gives no verdict.

Step 0: is the kit here? Check once: ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING On KIT_MISSING, open your reply with: "Guidance-only mode: the UX/UI Agent Skills kit is not installed here, so no gate ran and nothing below is measured." Then work from this file and general practice, under three rules. Do not guess or cite the contents of a kit file you could not open. State no measured number (no contrast ratio, no N/N, no "passes WCAG"): write "not verified" where one would go. End with a line Skipped (kit not installed): that names every gate script this file tells you to run, then the install command above.

Evaluate against WCAG 2.2 and the project's ARIA patterns.

Sponsors

Details

Repository
github.com/plugin87/ux-ui-agent-skills
Categories
Frontend Development, Git & Pull Requests, Code Review & Quality, AI & Agent Building, Design & UI/UX, CLI & Terminal
First seen
Jun 11, 2026

More from plugin87/ux-ui-agent-skills

All 17
1syncfusion avatarsyncfusion-blazor-rich-text-editorsyncfusion/blazor-ui-components-skillsImplements the Syncfusion Blazor Rich Text Editor (SfRichTextEditor) from Syncfusion.Blazor.RichTextEditor. Supports HTML, Markdown, and IFrame editor modes. Us385skills.sh installs
2syncfusion avatarsyncfusion-blazor-ribbonsyncfusion/blazor-ui-components-skillsImplement the Syncfusion Blazor Ribbon component. Use this skill when creating ribbon interfaces, implementing ribbon tabs/groups/items, adding file menus, hand374skills.sh installs
3webflow avatarflowkit-namingwebflow/webflow-skillsApply Flowkit CSS naming system in Webflow. Use when creating classes, auditing existing naming, or building new components following Flowkit conventions. Flowk304skills.sh installs
4nextlevelbuilder avatardesignnextlevelbuilder/ui-ux-pro-max-skillComprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP 48.9Kskills.sh installs
5ibelick avatarfixing-accessibilityibelick/ui-skillsAudit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interacti23.5Kskills.sh installs
6ibelick avatarfixing-metadataibelick/ui-skillsAudit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and rob19.6Kskills.sh installs