delight

Identify opportunities for joy and polish in product interfaces.

Updated Nov 4, 2025
One-click install
npx skills add https://github.com/jatwell93/pharmacy-heatmap --skill delight-jatwell93
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: delight
Source: https://github.com/jatwell93/pharmacy-heatmap/tree/main/.agents/skills/delight
Command: npx skills add https://github.com/jatwell93/pharmacy-heatmap --skill delight-jatwell93

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences.

Core Features & Use Cases

  • Identify where delight would enhance user experiences in onboarding, empty states, loading indicators, errors, and interactions.
  • Propose micro-interactions, animations, and copy that align with brand personality while preserving usability.
  • Provide guidance on strategies, principles, and implementation patterns for UI delight.

Quick Start

Start by auditing the current UI and propose one subtle micro-interaction for the next release.

Frequently Asked Questions about delight

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add micro-interactions and animation to improve UX delight in my interface?

To add UX delight, audit your current UI to identify opportunities in onboarding, empty states, loading sequences, and errors. You can then propose subtle micro-interactions and animations that align with your brand personality while preserving overall usability.

What is UX delight and when do I need it in product design?

UX delight is the practice of adding moments of joy, personality, and unexpected polish to functional interfaces. You need it in product design when transforming onboarding flows, empty states, loading indicators, and error messages into engaging, brand-aligned user experiences.

How do I apply joyful micro-interactions to empty states and loading sequences without hurting usability?

Apply joyful micro-interactions to empty states and loading sequences by following structured principles that balance brand personality with usability. The framework guides you to propose animations and copy that enhance the interactive flow without distracting from core functionality.

What's the best way to start adding brand personality and polish to an existing UI?

The best way to start adding brand personality and polish is to audit the current UI and propose one subtle micro-interaction for the next release. This structured approach ensures you progressively build delightful experiences without overwhelming the development process.

Can I use this approach to improve onboarding and error states in frontend development?

Yes, you can use this approach to improve onboarding and error states in frontend development. The framework applies directly to interactive flows, providing guidance on strategies, principles, and implementation patterns to sustain delightful UX across various product touchpoints.

Why does adding too much animation sometimes hurt the user experience instead of creating delight?

Adding too much animation hurts the experience when it ignores the core principle of preserving usability. The framework emphasizes proposing micro-interactions that align with brand personality while maintaining functional clarity, ensuring delight enhances rather than obstructs interactive flows.