delight

What problem does it solve? Functional interfaces often feel sterile and forgettable. This Skill helps you identify and implement moments of joy, personality, and polish—micro-interactions, playful copy, animations, and easter eggs—that transform a usable product into a memorable experience without sacrificing usability. ## Core Features & Use Cases - Delight Opportunity Assessment: Systematically identify natural delight moments across success states, empty states, loading states, errors, and achievements. - Implementation Techniques: Concrete patterns for micro-interactions, playful copy, custom illustrations, sound design, easter eggs, and celebration moments, with CSS examples and library recommendations (Framer Motion, GSAP, Lottie, React Spring). - Quality Guardrails: Principles ensuring delight never blocks functionality, respects accessibility (reduced motion, screen readers), stays performant, and matches brand personality. - Use Case: You just shipped a settings page that works but feels bland. Use this Skill to add a satisfying toggle animation, an encouraging empty state message, and a subtle success checkmark—while keeping everything skippable and fast. ## Quick Start Use the delight skill to add personality and micro-interactions to my app's empty states and success confirmations.