What problem does it solve? Interfaces often feel dead or untrustworthy because small interaction details — button feedback, loading states, toggles, validation responses — are missing or inconsistent. This Skill provides a structured framework to design, audit, and score those contained product moments so users always know what is happening. ## Core Features & Use Cases - Four-Part Design Framework: Design any microinteraction through Trigger, Rules, Feedback, and Loops & Modes, with ethical boundaries for each part. - Diagnostic Scoring: Audit an existing interaction against an 8-row checklist and compute a 0-10 score with specific fixes for each failed row. - Detailed Case Studies: Reference implementations for form submission, toggles, pull-to-refresh, loading states, and toast notifications, including animation specs, accessibility requirements, and edge cases. - Use Case: When a user says a form feels unresponsive, apply the framework to add sub-100ms inline validation feedback, a submitting state on the button, and an error recovery pattern that preserves input. ## Quick Start Ask the assistant to audit the loading state of your app's submit button using the microinteractions framework and score it against the quick diagnostic.
