Identify delight opportunities across UI states and define brand-aligned strategies.
npx skills add https://github.com/mahou-labs/shiru --skill delight-mahou-labs
Please help me install this Agent Skill. Skill: delight Source: https://github.com/mahou-labs/shiru/tree/main/.agents/skills/delight Command: npx skills add https://github.com/mahou-labs/shiru --skill delight-mahou-labs
Add moments of joy, personality, and unexpected polish to otherwise functional interfaces, making experiences more memorable and engaging.
Audit the UI to locate opportunities for delight and implement a single lightweight micro-interaction per screen.
High-intent search queries and answers about installing and using this skill.
UI micro-interactions are small, focused moments of joy and brand personality added to success, empty, and loading states. They transform functional interfaces into delightful experiences without obstructing usability.
Apply a brand-aligned delight strategy—such as playful personality or helpful surprises—to empty states and errors. This adds unexpected polish while ensuring the tone remains context-appropriate and accessibility is maintained.
Audit the UI to locate natural delight moments across success, empty, loading, achievement, and error states. Define a brand-aligned strategy and implement a single lightweight micro-interaction per screen to start.
Delightful micro-interactions must conform to Delight Principles and Implementation Patterns to ensure accessibility and performance are not harmed. The strategy focuses on lightweight polish that integrates safely with the product's design system.
The best way is applying context-appropriate delight strategies to achievements and Easter eggs. This injects unexpected joy and brand personality into the interface while maintaining usability and consistency with the design system.
ft-frankIntegrate micro-interactions, animation, copy, illustrations, and sound design into UI states.
rattamnoonIdentify and apply joyful, personality-driven UI interactions across web and mobile interfaces.
dige04Generate UI design guidelines covering typography, color, layout, and micro-interactions.
deomiarnAutomate Framer Motion micro-animations for section reveals, staggered lists, and hover interactions.
