focus-states
Installation
SKILL.md
Focus States Generator
Overview
Generate accessible, visible focus indicators for interactive elements. Creates focus styles that meet WCAG 2.4.7 (Focus Visible) and 2.4.11 (Focus Appearance) requirements while maintaining visual design consistency.
When to Use
- Setting up focus styles for a design system
- Ensuring keyboard navigation is visible
- Creating custom focus rings that match brand
- Fixing "invisible" focus states in existing UI