delight

Inject micro-interactions, copy, and visuals into user interfaces.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Kevin-Mok/ai-cli-dotfiles --skill delight-kevin-mok
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: delight
Source: https://github.com/Kevin-Mok/ai-cli-dotfiles/tree/main/dot_agents/skills/delight
Command: npx skills add https://github.com/Kevin-Mok/ai-cli-dotfiles --skill delight-kevin-mok

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Interfaces often feel utilitarian, lacking personality and moments of delight that improve user satisfaction and retention. This skill provides a structured approach to weave tasteful micro-interactions, brand-consistent copy, and supportive visuals into digital products without compromising usability.

Core Features & Use Cases

  • Micro-interactions & Animation: subtle button press feedback, hover cues, and smooth transitions that reinforce actions.
  • Copy & Visual Personality: brand-appropriate copy and illustrations that humanize interfaces without interfering with tasks.
  • Use Case: apply to onboarding screens, empty states, success messages, and loading experiences to create a more engaging user journey.

Quick Start

Identify opportunities to add moments of joy and subtle micro-interactions that align with brand personality while preserving usability.

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 to UI design without distracting from usability?

Injecting moments of joy and personality enhances UI design without distracting from the task. Apply structured micro-interactions, brand-consistent copy, and supportive visuals across success states, empty states, and loading screens to improve user satisfaction.

What is the best way to design empty states and loading screens with personality?

Designing empty states and loading screens with personality involves applying brand-appropriate copy and illustrations that humanize interfaces. Use these delight opportunities to create a more engaging user journey without interfering with core tasks.

Can I use brand voice copywriting to improve user onboarding experiences?

Brand voice copywriting can improve user onboarding experiences by humanizing interfaces with supportive visuals and brand-consistent text. Apply this copy across onboarding screens and success messages to create a memorable, engaging journey.

Does adding UX personality to success messages affect user retention?

Adding UX personality to success messages positively affects user retention by injecting moments of joy that improve satisfaction. Tasteful micro-interactions and brand-consistent copy enhance the user experience without compromising utility.

When should I not use animation in micro-interactions?

You should not use animation in micro-interactions when it compromises usability or distracts from the primary task. Delight elements must align with brand personality and user context, avoiding visual interference that disrupts the user journey.