Skip to content
UXClaim
Accessibility

A&T Claude Skills

Reusable Claude Code skills for accessibility audits, WCAG compliance checking, and web development workflows

View source More in Accessibility

What It Does

A&T Claude Skills is a collection of reusable workflow files for Claude Code, Anthropic’s AI-powered CLI tool. Skills teach Claude how to perform specialized tasks autonomously within your codebase, from accessibility auditing to code analysis.

How It Works

Skills are markdown files that define multi-step workflows. Install them in your project’s .claude/skills/ directory, and they become available as slash commands (e.g., /wcag). Claude Code reads your actual source files and produces actionable, prioritized results with file references and fix suggestions.

Current Skills

WCAG Skill — Automated WCAG 2.1 AA accessibility audits that trace render chains, check semantic HTML, flag contrast issues, audit mobile elements, and output prioritized reports with specific line numbers and remediation steps.

Use Cases

  • Catch accessibility issues before user testing
  • Automate compliance documentation for WCAG 2.1 AA standards
  • Integrate accessibility checks into development workflows
  • Reduce manual audit time by 80%+

Who Benefits

Product designers, accessibility specialists, and developers who need fast, repeatable audits without leaving their codebase. Framework-agnostic and built for real-world projects.

Frequently asked questions

How do I install Claude Skills?
Clone the repository, then copy the skill folder into your project's `.claude/skills/` directory. For example, copy `skills/wcag/` into `.claude/skills/wcag/`. Your project needs Claude Code installed to use skills.
What's the difference between skills and prompts?
Skills define autonomous multi-step workflows that read your actual source code and produce actionable results. Prompts are one-time instructions. Skills are persistent, reusable, and integrated into your project.
How do I run the WCAG accessibility audit?
Install the WCAG skill, then use `/wcag` followed by a page path in Claude Code. Example: `/wcag /homepage` or `/wcag /products/123/`. Claude Code traces the render chain and outputs a prioritized report with fixes.
What does the WCAG skill check?
The WCAG skill audits against WCAG 2.1 AA standards, checking semantic HTML, contrast ratios, mobile accessibility, render chains, and more. It outputs file:line references and specific remediation suggestions.
Can I create my own skills?
Yes. Create a `SKILL.md` file defining the workflow and a `README.md` documenting it. Keep skills framework-agnostic, test thoroughly, and consider contributing back to the community.
What frameworks do skills support?
Skills are intentionally framework-agnostic and work with any web project structure. The WCAG skill audits HTML, CSS, and JavaScript regardless of whether you use React, Vue, static HTML, or other frameworks.
How are skills different from Claude Code prompts?
Skills are persistent workflow definitions stored in your project. Prompts are one-time instructions. Skills have full codebase context, can be version-controlled, and shared across teams consistently.
Who maintains these skills?
A&T Claude Skills are built and maintained by Automate & Tweak. The community can contribute new skills via pull request on the GitHub repository.

Glossary

Claude Code
Anthropic's CLI tool that enables Claude to read, analyze, and modify code in your project with full codebase context
Skill
A markdown file that defines a reusable, autonomous workflow for Claude Code, available as a slash command in your project
WCAG 2.1 AA
Web Content Accessibility Guidelines Level AA — the standard requiring 4.5:1 contrast ratios, keyboard navigation, semantic HTML, and other accessibility requirements
Render Chain
The sequence of source files and dependencies Claude traces to understand how a page is built and rendered

More in Accessibility

All →
Accessibility

a11y-skills

Claude Skills for accessibility auditing, code review, and WCAG 2.2 compliance across web, mobile, and documents.

joedevon
Accessibility

Prism Inspector

Complete UX/UI design critique and WCAG 2.2 AA accessibility audit in one tool. Review screenshots, Figma URLs, live sites, or HTML files.