a11y skills

85 tagged a11y, measured the same way as everything else here.

Browse within: accessibility 241aria 140assistive-technology 109wcag 56codex-cli 23awesome 20copilot 20design-system 17best-practices 15bloc 15dart 15react-components 15cursor 13react-hooks 12

chakra-ui-builder

01

chakra-ui/chakra-ui

Skill Claude CodeCodex

Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…

not rated 41k +6 4d ago A Socket: passSnyk: passSkillSpector: warn 214 tokens original MIT

cvs-health/ios-swiftui-accessibility-techniques

Skill Claude CodeCodex

Rules for generating accessibility annotations on iOS/iPadOS mobile designs in Figma. Enforces a bare-minimum annotation discipline, an iOS vocabulary instead of web ARIA terms, and exact grammar for names, control types, page titles, values, hints, headings, groups, and reading order. Never annotates visible text as…

not rated 384 +1 changed today A 110 tokens original Apache-2.0

create-db-component

03

db-ux-design-system/core-web

Skill Claude CodeCodex

Creates a new DB UX Design System component with Mitosis source, SCSS, typed model, and a cross-framework Playwright interaction test.

not rated 135 +1 changed 9d ago A 33 tokens

monochrome

04

vaneenige/monochrome-ui

Skill Claude CodeCodex

Build accessible UI with monochrome, the framework-agnostic UI library for agents. Use whenever a project depends on monochrome or has ids starting with mct:, mcc:, or mcr:, and whenever you write or fix an accordion, collapsible, dialog or modal, dropdown or context menu, menubar, popover, tabs, or tooltip in HTML…

not rated 133 +1 9d ago A 97 tokens original MIT

rstest

05

weAAAre/a11y-agents-kit

Skill Claude CodeCodex needs its repo

Expert guidance for writing, configuring, and running tests with Rstest — the Rspack-powered. JavaScript/TypeScript testing framework with Jest-compatible APIs and native ESM/TypeScript support. Covers setup, configuration (rstest.config.ts), mocking (rs.mock, rstest.fn, rstest.spyOn), fake timers, snapshots, DOM…

not rated 34 5mo ago A 222 tokens original MIT

accessibility

06

KreerC/ACCESSIBILITY.md

Skill Claude CodeCodex

Quality assurance for web accessibility and usability, particularly for users with disabilities. Use when involved in any web project.

not rated 34 +1 4mo ago A 25 tokens original MIT

ThomasSweet/a11y-foundation

Skill Claude CodeCodex

Build web UI that is accessible through the platform instead of patched with ARIA and JavaScript. Use when writing or reviewing HTML and CSS for any web interface - choosing between a native element and a hand-built component, styling focus, honouring user preferences such as reduced motion or forced colors, meeting…

not rated 23 changed 3d ago A SkillSpector: pass 82 tokens original MIT

a11y-planner

08

zivtech/accessibility-skills

Skill Claude CodeCodex

Use when you know what component, flow, or interface you need but not yet the right accessibility approach. Best for turning WCAG 2.2 requirements into an accessible implementation plan with WAI-ARIA APG patterns before code hardens bad interaction and state patterns.

not rated 12 +1 changed 1mo ago A 60 tokens GPL-3.0

wcag-accessibility

09

albertomf1979/wcag-accessibility-agent

Skill Claude CodeCodex

Experto en accesibilidad digital basado en los estándares oficiales W3C WAI (https://www.w3.org/WAI/). Úsalo SIEMPRE que el usuario mencione: accesibilidad, WCAG, A11y, contraste de color, lectores de pantalla, ARIA, roles semánticos, navegación por teclado, focus, skip links, alt text, captions, subtítulos…

not rated 5 5mo ago A 229 tokens

web-a11y-authoring

10

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Builds accessible pages and components with semantic HTML, correct names/roles/states, keyboard support, focus management, links, images, SVG, media, and native controls first. Use when implementing or refactoring frontend UI.

not rated 5 5mo ago A 52 tokens original MIT

designedbysom/accessibility-linter

Skill Claude CodeCodex

Reviews accessibility mid-design, not as a compliance audit, but as a craft challenge. Use when designing, describing, or building a UI component. Trigger on "I'm designing a component", "does this work", "review this interaction", "how should I handle focus", "is this accessible", or whenever HTML/CSS/React code is…

not rated 4 7mo ago A 110 tokens original MIT

a11y-toolkit

12

kinti/a11y-toolkit

Skill Claude CodeCodex

Use for ALL accessibility work — WCAG 2.2 audits of URLs or HTML, real rendered contrast checks (including text over images, pixel-level), color-pair contrast and nearest passing color, European Accessibility Act / RD 1112/2018 accessibility statements, pre-deploy regression detection (accessible names, tab order)…

not rated 2 +1 changed 3d ago A 143 tokens original MIT

wcag-accessibility

13

salawi45/skill-wcag-accessibility

Skill Claude CodeCodex

Apply and audit WCAG 2.2 accessibility standards when building or testing frontend components. ALWAYS use this skill when: building any UI component, page, or layout (even if the user doesn't mention accessibility); running accessibility audits or tests; asked to "check a11y", "test accessibility", "audit WCAG…

not rated 1 6mo ago A 145 tokens original MIT

aditya-ariosity/wcag-accessibility-mcp

Skill Claude CodeCodex

Audit and correct accessibility problems in rendered web interfaces using the wcag-accessibility MCP tools. Use when an agent creates, changes, reviews, or verifies HTML/CSS/UI code; when asked about WCAG, contrast, labels, semantics, keyboard access, focus, screen readers, responsive accessibility, or accessibility…

not rated 1 1mo ago A 103 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: