ui-delight

name	ui-delight
description	Add moments of joy, personality, and unexpected polish

UI Delight

/ui-delight [target] - Add moments of joy, personality, unexpected polish. Functional → delightful. Enhance, never obscure.

Principles

• Delight amplifies, never blocks: quick (< 1s), never delays core functionality, skippable
• Surprise and discovery: hide details for users to find, reward curiosity
• Appropriate to context: match emotional moment, respect user state
• Compound over time: stay fresh with repeated use, vary responses

Delight Techniques

Micro-interactions

• Satisfying button press (translateY + shadow)
• Ripple effect on click
• Smooth lift on hover with ease-out-quart
• Toggle with spring physics
• Progress celebrations at 100%

Personality in Copy

• Playful error messages (match brand — banks can be warm, not wacky)
• Encouraging empty states ("Your canvas awaits.")
• Avoid AI slop copy: "Herding pixels", "Teaching robots to dance" — these scream machine-generated. Write product-specific messages.

Visual Personality

• Custom illustrations for empty/error/loading states
• Animated icons (subtle motion on hover/click)
• Background: subtle particles, gradient mesh, parallax
• Time-of-day themes

Satisfying Interactions

• Drag-and-drop: lift effect, snap animation, undo toast
• Form: animated focus, satisfying checkbox pulse, success celebration
• Progress: streak counters, milestone celebrations, badge unlocks

Easter Eggs

• Konami code, hidden keyboard shortcuts
• Console messages for devs ("Like what you see? We're hiring!")
• Seasonal touches (subtle, tasteful)
• Time-based changes (different messages by time of day)

Loading & Waiting

• Rotating product-specific loading messages ("Crunching your numbers...")
• Progress bars with personality
• Fun facts or tips while waiting

Sound (when appropriate)

• Subtle cues: notification, success ding
• Respect system settings, provide mute option
• Keep volumes quiet — subtle cues, not alarms

NEVER

• Delay core functionality for delight
• Force users through delightful moments (make skippable)
• Use delight to hide poor UX
• Annoy after 100th time
• Sacrifice performance for delight
• Be inappropriate for context (read the room)