Skip to content
MeloSkill

Accessibility

Accessibility skills for Claude, Cursor, Codex, and Grok Bot

Files that audit or implement WCAG 2.2 work on the web — keyboard paths, screen readers, and inclusive UI patterns — from a Lighthouse-led audit to assistive-tech testing. The same SKILL.md can be pasted into Grok Bot or attached in that chat. Grok Bot instructions: Grok Bot playbooks.

Last reviewed 2026-10-24 · Methodology · How to choose · How to install

Skill When to use it Platform Updated Safety
Accessibility
addyosmani/web-quality-skills
Default when you asked to improve accessibility, run an a11y audit, or fix WCAG / keyboard / screen-reader issues on a web page. Any agent 2026-08-24 pass
Accessibility Compliance
wshobson/agents
When you are implementing inclusive UI: ARIA patterns, focus management, forms, and mobile assistive tech — not only scoring an existing page. Any agent 2026-05-22 pass
Wcag Audit Patterns
wshobson/agents
When the job is a structured WCAG 2.2 audit with automated checks, manual verification, and remediation steps. Any agent 2026-05-22 pass
Screen Reader Testing
wshobson/agents
When the page already exists and you need to validate VoiceOver, NVDA, or JAWS behavior. Any agent 2026-10-15 pass

Safety is a text search on the file, not an audit. Pass / Review / Risk are explained in the evaluation guide.

  1. 01

    Accessibility

    Addy Osmani’s WCAG 2.2 skill from web-quality-skills. It runs an evidence-led audit (Lighthouse when available), then POUR guidance and common fixes. Use it to find and fix barriers. It is not a component-library playbook, and it is not a dedicated screen-reader script.

    npx skills add https://github.com/addyosmani/web-quality-skills/tree/HEAD/skills/accessibility
  2. 02

    Accessibility Compliance

    Will Hobson’s implementation brief for WCAG 2.2 interfaces. Use it while building components that must work with keyboards and screen readers. It is broader than a single Lighthouse pass, and it is not the VoiceOver/NVDA testing file.

    npx skills add https://github.com/wshobson/agents/tree/HEAD/plugins/ui-design/skills/accessibility-compliance
  3. 03

    Wcag Audit Patterns

    An audit-and-remediation workflow from the same agents marketplace. Use it to run a full compliance pass. It is not the construction file for new ARIA widgets, and it is not Addy’s Lighthouse-first guide.

    npx skills add https://github.com/wshobson/agents/tree/HEAD/plugins/accessibility-compliance/skills/wcag-audit-patterns
  4. 04

    Screen Reader Testing

    A screen-reader testing file: commands and checks for major assistive tech. Use it after structure and labels are in place. It does not rewrite the UI, and it is not a general WCAG checklist.

    npx skills add https://github.com/wshobson/agents/tree/HEAD/plugins/accessibility-compliance/skills/screen-reader-testing

FAQ

Which skill should I install first?

Start with accessibility when you need a WCAG 2.2 / Lighthouse-led audit and fix pass. Use accessibility-compliance when you are building inclusive components and ARIA patterns. Use wcag-audit-patterns for a structured audit-and-remediation workflow. Use screen-reader-testing when the job is VoiceOver, NVDA, or JAWS validation.

Is Pass on a listing an accessibility audit?

No. The Safety line on each listing is a static text search on the SKILL.md, not an audit of your product. Run your own checks — Lighthouse, axe, and a keyboard or screen-reader pass — before you ship.

Where is web-design-guidelines?

web-design-guidelines mentions accessibility-adjacent UI rules, but it lives on the frontend design short list as a product-surface brief. Open that listing if the job is density and layout, not a WCAG audit.

Can I use this with Grok Bot?

Yes. Paste the SKILL.md into Grok Bot or attach the file, then ask for the same job this page describes. MeloSkill is not affiliated with xAI. Grok Bot instructions: Grok Bot playbooks.