# Frontend A11y (agent skill)

> Frontend A11y is an agent skill (a SKILL.md file) from affaan-m/ECC. Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 274,402 GitHub stars across a repository of 10 listed skills.

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building or reviewing forms, modals, dropdowns, tooltips, or tabs, fixing a11y lint or code-review findings, or wiring up keyboard navigation and focus management. Practical accessibility patterns for React and Next.js.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/affaan-m/ECC |
| Skill path | skills/frontend-a11y/SKILL.md |
| Skill name | frontend-a11y |
| GitHub stars | 274,402 |
| Installs on skills.sh | 2 |
| License | MIT |
| Skills in repo | 10 |
| Plugin marketplace | ecc |
| Official | no |
| Works with | Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode |
| Category | Design & frontend |
| Last commit | Oct 2, 2026 |

## When it triggers

- Use when building or reviewing forms, modals, dropdowns, tooltips, or tabs, fixing a11y lint or code-review findings, or wiring up keyboard navigation and focus management.

## Add this skill

### Claude Code

```sh
/plugin marketplace add affaan-m/ECC
/plugin install ecc@ecc
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/affaan-m/ECC.git
cp -r ECC/skills/frontend-a11y .agents/skills/frontend-a11y   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/affaan-m/ECC.git
cp -r ECC/skills/frontend-a11y .cursor/skills/frontend-a11y   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

skills.sh listing: https://www.skills.sh/affaan-m/ECC/frontend-a11y

---

Canonical page: https://appsgit.com/skills/affaan-m-frontend-a11y
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.