What problem does it solve? Interfaces often feel dead or untrustworthy because small interaction details -- button feedback, loading states, toggles, form validation -- are underdesigned. This Skill provides a structured framework for auditing and designing these microinteractions so every interactive moment has a clear trigger, predictable rules, immediate feedback, and thoughtful long-term behavior. ## Core Features & Use Cases - Four-Part Structure: Design any microinteraction using Trigger, Rules, Feedback, and Loops & Modes, with scoring against a 10/10 quality rubric. - 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. - Signature Moments: Guidance on creating distinctive, brand-defining interactions like Stripe's payment checkmark or Slack's loading messages. - Use Case: When a user says "the interface feels dead" or asks to polish a form's validation feedback, apply the framework to map every state (idle, active, success, error), define feedback timing under 100ms, and add progressive reduction for returning users. ## Quick Start Audit the submit button and form validation flow in my settings page using the microinteractions framework and tell me the current score and what is needed to reach 10/10.
