Identify delight opportunities across UI states and interactions.
npx skills add https://github.com/AkaraChen/aghub --skill delight-akarachen
Please help me install this Agent Skill. Skill: delight Source: https://github.com/AkaraChen/aghub/tree/main/.agents/skills/delight Command: npx skills add https://github.com/AkaraChen/aghub --skill delight-akarachen
Delighting users by adding moments of joy, personality, and unexpected polish to otherwise functional interfaces, turning routine tasks into memorable experiences. It elevates the ordinary to delightful, guiding teams to infuse UX with character when users request polish, personality, or animations.
Identify opportunities to add moments of joy by following the Mandatory Preparation protocol and surveying delight opportunities in your upcoming UI design.
High-intent search queries and answers about installing and using this skill.
Micro-interactions are small moments of joy and personality added to success states, empty states, loading states, errors, and user interactions. You should add them when users need polish or when routine tasks require memorable, engaging experiences without sacrificing usability.
To add personality to loading and empty states, assess your brand context and audience first. Ensure delightful touches remain skippable, accessible, and non-blocking for core tasks. Align the micro-interactions with your brand voice, whether playful, professional, or elegant.
The best way to design delightful error states is to identify natural moments for unexpected polish while enforcing guardrails. Keep delight non-blocking and accessible, ensuring the micro-interactions align with brand personality and domain context to maintain engagement without frustrating users.
Adding brand voice to onboarding animations requires a mandatory context gathering protocol before proceeding. You must assess context, brand personality, audience, and appropriate levels of delight to ensure the micro-interactions are usable, skippable, and accessible.
You should avoid adding micro-interactions when they block core tasks or compromise accessibility. Delight must remain skippable and non-blocking; if the context gathering protocol reveals misalignment with brand personality or domain context, limit the delightful touches.
To align UX micro-interactions with brand personalities, survey your domain context and audience during mandatory preparation. Adjust the appropriate levels of delight across success, empty, loading, and error states to match a playful, professional, or elegant brand voice.
HAR5HA-7663Assess brand and audience to add accessible micro-interactions and copy to interfaces.
fgarofalo56Creates UI animations with motion using Tailwind's built-in color palette.
vecearStandardize loading, error, empty, and success states for data-fetching views.
phismith91Identify delight opportunities in product design workflows across onboarding, empty states, loading screens, and error handling.
