mcpField
W
wcag-ai-skill

wcag-ai-skill

github.com/podoDesign & UI29204 installsUpdated 1d ago
Repository

About wcag-ai-skill

wcag-ai-skill turns WCAG 2.2 success criteria into practical guidance for design, implementation, content, testing, remediation, and conformance documentation. It is intended for teams working across accessibility workflows and provides plans and criteria rather than ready-made components or legal certification.

Key features

  1. 01Guidance across the accessibility workflow
  2. 02Design requirements and guidelines
  3. 03Implementation and content guidance
  4. 04QA tests and remediation plans
  5. 05Conformance documentation

Use cases

  1. 01Writing accessibility acceptance criteria
  2. 02Planning accessibility testing
  3. 03Documenting conformance and remediation

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill wcag-ai-skill

After installing, type/wcag-ai-skillin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

wcag-ai-skill

Catalogue stub — full skill: Raze-Systems/wcag-ai-skill

Decision tree

  1. Is the full skill already installed? Upstream names this skill wcag-22, so it installs next to this pointer (the pointer is not replaced).

    • Global: f=~/.agents/skills/wcag-22/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/wcag-22/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as wcag-22, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/wcag-ai-skill ] && echo "global" || echo "project"

    Global:

    npx skills add Raze-Systems/wcag-ai-skill --skill wcag-22 -g -y

    Project:

    npx skills add Raze-Systems/wcag-ai-skill --skill wcag-22 -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Heads-up

  • License: AGPL-3.0 (copyleft; stated in the README and SKILL.md, the repo has no LICENSE file)

Invoke after install

  • Skill name: wcag-22
  • Trigger phrases: "WCAG 2.2 guidance", "Raze Systems", "WCAG conformance docs", "accessibility remediation"

What it does

Translates WCAG 2.2 success criteria into practical, actionable guidance across the full accessibility workflow: web design (what to spec), frontend implementation (how to code it), content review (what writers need to know), accessibility QA (how to test), remediation planning (how to fix issues), and conformance documentation (how to report). It produces guidelines, requirements, acceptance criteria, and test plans, not ready-made components or legal certification. Different from wcag-audit-patterns, which focuses on the audit/testing phase.

When NOT to use

  • Quick contrast checks — use fixing-accessibility for targeted color contrast fixes
  • Automated Lighthouse-style performance audits — use addyosmani-quality

Comments

Markdown supported