skills.homes logoskills.homescapability registry
home/categories/frontend/dylantarre-design-system-skills-skills-accessibility-focus-states-skill-md
cd ..
frontenddevelopment

focus-states

Generates accessible focus indicators meeting WCAG 2.4.7 and 2.4.11 requirements. Use when styling :focus-visible, keyboard navigation indicators, or fixing focus ring visibility issues.

View Sourcefrontend
dylantarre
maintainer
dylantarre
Updated 12/30/2025
Stars
3
Forks
0
quick start

Installation and usage

Generates accessible focus indicators meeting WCAG 2.4.7 and 2.4.11 requirements. Use when styling :focus-visible, keyboard navigation indicators, or fixing focus ring visibility issues.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use focus-states