delight
Transform functional interfaces into memorable experiences through subtle personality, micro-interactions, and unexpected moments of joy.
- Identifies natural delight opportunities across success states, empty states, loading screens, errors, and interactions, matched to brand personality and audience expectations
- Provides techniques for micro-interactions (button presses, hover effects, animations), personality-driven copy, custom illustrations, and satisfying interactions like drag-and-drop
- Includes sound design, easter eggs, and celebration moments that compound over time while remaining fresh and skippable
- Emphasizes performance and accessibility: delight should enhance usability, never block core functionality or delay tasks
Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences.
MANDATORY PREPARATION
Invoke /impeccable — 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 /impeccable teach 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:
More in Design & UI
frontend-design
Comprehensive frontend design patterns and visual polish guidance
anthropics/skillsweb-design-guidelines
Vercel's Web Interface Guidelines covering spacing, typography, interaction, and accessibility
vercel-labs/agent-skillsvercel-composition-patterns
React composition patterns for flexible, scalable UI component architecture
vercel-labs/agent-skillsui-ux-pro-max
Advanced UI/UX patterns for complex interfaces and interaction design
nextlevelbuilder/ui-ux-pro-max-skillsleek-design-mobile-apps
Mobile-first design principles for iOS and Android app interfaces
sleekdotdesign/agent-skills