메뉴
Use when writing front-end components that require ARIA attributes, accessible custom widgets, screen reader support, or dynamic content announcements.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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