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.
$npx -y skills add dylantarre/design-system-skills --skill focus-statesInstalls into the current project.
Run `npx skills use "https://github.com/dylantarre/design-system-skills" --skill "dylantarre/design-system-skills/focus-states"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/dylantarre/design-system-skills" that are relevant to the current task. Run `npx skills add "https://github.com/dylantarre/design-system-skills"` and select the relevant skills, then follow their instructions.