stuartshields

A11y — Design agent for Claude Code

Design community

Accessibility auditor for UI code.

How to install A11y

Installs to ~/.claude/agents/stuartshields-claude-setup-a11y.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/stuartshields/claude-setup/HEAD/agents/a11y.md -o ~/.claude/agents/stuartshields-claude-setup-a11y.md

Restart Claude Code, or start a new session, for it to be picked up.

What A11y does

name: a11y description: Accessibility auditor for UI code. Use when reviewing components, pages, or user flows for WCAG 2.2 AA/AAA compliance — typically before shipping a UI feature. Covers semantic HTML, keyboard navigation, ARIA, forms, focus management, color contrast, and motion. Framework-aware (React, Vue, WordPress blocks, vanilla HTML). Reports findings by severity with file:line references and concrete fix suggestions. tools: Read, Grep, Glob permissionMode: plan model: sonnet maxT

Alternatives in Design

HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
Accessibility — A11y auditing, WCAG compliance, and inclusive design review 801 ★
Gdd Auditor — Independent GDD reviewer 517 ★