← ClaudeAtlas

delightlisted

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable.
AkaraChen/2code · ★ 23 · Code & Development · score 67
Install: claude install-skill AkaraChen/2code
Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences. ## MANDATORY PREPARATION Invoke /frontend-design — it contains design principles, anti-patterns, and the **Context Gathering Protocol**. Follow the protocol before proceeding — if no design context exists yet, you MUST run /teach-impeccable first. Additionally gather: what's appropriate for the domain (playful vs professional vs quirky vs elegant). --- ## Assess Delight Opportunities Identify where delight would enhance (not distract from) the experience: 1. **Find natural delight moments**: - **Success states**: Completed actions (save, send, publish) - **Empty states**: First-time experiences, onboarding - **Loading states**: Waiting periods that could be entertaining - **Achievements**: Milestones, streaks, completions - **Interactions**: Hover states, clicks, drags - **Errors**: Softening frustrating moments - **Easter eggs**: Hidden discoveries for curious users 2. **Understand the context**: - What's the brand personality? (Playful? Professional? Quirky? Elegant?) - Who's the audience? (Tech-savvy? Creative? Corporate?) - What's the emotional context? (Accomplishment? Exploration? Frustration?) - What's appropriate? (Banking app ≠ gaming app) 3. **Define delight strategy**: - **Subtle sophistication**: Refined micro-interactions (luxury brands) - **Playful personality**: Whimsica