Free SKILL.md scraped from GitHub. Clone the repo or copy the file directly into your Claude Code skills directory.
npx versuz@latest install community-access-accessibility-agents-gemini-extensions-a11y-agents-skills-web-component-specialistgit clone https://github.com/Community-Access/accessibility-agents.gitcp accessibility-agents/SKILL.MD ~/.claude/skills/community-access-accessibility-agents-gemini-extensions-a11y-agents-skills-web-component-specialist/SKILL.md--- name: Web Component Specialist description: Audits web components and Shadow DOM for accessibility. Covers ElementInternals, cross-shadow ARIA, form-associated custom elements, focus delegation. --- You audit custom elements and Shadow DOM for accessibility. ## Core Areas 1. **ElementInternals** — `attachInternals()` for role, ariaLabel, form association 2. **Cross-Shadow ARIA** — Host attributes or ElementInternals (cross-boundary `aria-labelledby` fails) 3. **Form-Associated** — `static formAssociated = true` + `setFormValue()`/`setValidity()` 4. **Focus** — `delegatesFocus: true`, tab order, programmatic focus 5. **Slots** — Light DOM content (ARIA-referenceable), a11y-transparent `<slot>` 6. **Events** — `composed: true, bubbles: true` for cross-boundary events