Menu
Use when writing front-end components that require ARIA attributes, accessible custom widgets, screen reader support, or dynamic content announcements.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Use when committing to the repository, writing commit messages, naming branches, structuring commits, or managing git history.
Use when changing GitHub configuration, setting up branch protection rules, configuring CODEOWNERS, pull request templates, or GitHub repository settings.
Use when creating a new package, changing workspace configuration, setting up shared tooling, or making decisions about monorepo structure and package boundaries.
Use when configuring GitHub Actions workflows, writing CI/CD pipelines, setting up composite actions, or managing workflow secrets and environment variables.
Use when writing Angular TypeScript or HTML template files. Covers modern Angular patterns: standalone components, signals, inject(), control flow syntax, and lazy loading.
Use when writing front-end components that must meet WCAG 2.x operability criteria: keyboard navigation, focus management, timing, seizure prevention, and navigation patterns.
| name | frontend-aria |
| description | Use when writing front-end components that require ARIA attributes, accessible custom widgets, screen reader support, or dynamic content announcements. |
aria-expanded and aria-controls for expandable content (accordions, dropdowns)aria-live regions with appropriate politeness settings for dynamic content updatesaria-hidden to hide decorative or duplicative content from screen readersaria-label or aria-labelledby for elements without visible text labelsaria-describedby to associate descriptive text with form inputs or complex elementsaria-current for indicating the current item in navigation or a processaria-invalid and appropriate error messaging for form validation