Delight

Add memorable moments of joy. Micro-interactions, easter eggs, personality in copy, unexpected animations. Use sparingly for maximum impact.

dragoon0x c4cfb70 839 B Updated

File contents

/delight — Moments of Joy

Add 1-3 memorable micro-interactions:

  • Success animation after form submission (not just a green checkmark — a celebration)
  • Hover effect that reveals personality (a button that wiggles, a card that tilts)
  • Loading state that entertains (not a spinner — a progress visualization)
  • Copy with personality (error message that's helpful AND human)
  • Scroll reveal that surprises (not just fade-in — something contextual)

Rules:

  • Maximum 3 delight moments per page. More than that is clutter.
  • Never interfere with usability
  • Must work with prefers-reduced-motion: reduce
  • The delight should match the brand personality

dragoon0x/optik/tree/main/source/skills/delight commit c4cfb702ec

Frequently asked questions

npx skillmds@latest add dragoon0x/delight