interaction-states-pass

What problem does it solve? Interactive elements often ship with missing hover, focus, disabled, or loading states, abrupt transitions, and silent success or failure feedback, which makes interfaces feel broken and hurts accessibility. This Skill systematically audits every interactive element in a design and reports or fixes the gaps. ## Core Features & Use Cases - Element Inventory: Enumerates buttons, links, form inputs, toggles, clickable cards, navigation items, and custom widgets like dropdowns and modals. - Six-State Verification: Checks default, hover, active, disabled, focus, and loading states per element, including focus-visible ring contrast and disabled-state reasoning. - Transition & Feedback Review: Validates transition durations (0.15–0.5s), prefers-reduced-motion handling, and visible success, error, and validation feedback. - Use Case: Before shipping a new settings page, run the pass to catch a submit button with no loading state, a link missing focus styles, and a form that fails silently on validation errors. ## Quick Start Ask the AI to run an interaction states check on the current page and report any missing hover, focus, disabled, or loading states.