delight

Add delight to user interfaces with micro-interactions, copy, timing, and visuals.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/OmOc3/physica --skill delight-omoc3
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: delight
Source: https://github.com/OmOc3/physica/tree/main/.codex/skills/delight
Command: npx skills add https://github.com/OmOc3/physica --skill delight-omoc3

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adds delight to user interfaces.

Core Features & Use Cases

  • Micro-interactions and animation patterns that feel responsive without distracting from primary tasks.
  • Polished copy, visuals, and timing to align with brand personality across empty/loading/error states.
  • Use Case: designers and product teams seeking to add charming details to onboarding, success states, and progressive interactions.

Quick Start

Ask me to add subtle delight moments to the target UI, such as hover animations, micro-interactions, and friendly feedback.

Frequently Asked Questions about delight

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

FAQPage Schema
What are micro-interactions in UX design and how do they add delight to user interfaces?

Micro-interactions in UX design are subtle animation patterns that make user interfaces feel responsive without distracting from primary tasks. They add delight by providing charming feedback during onboarding, loading periods, and success states through polished timing and visuals.

How do I design micro-interactions and animations for empty and loading states?

To design micro-interactions for empty and loading states, align polished copy, visuals, and timing with your brand personality. This creates responsive, friendly feedback moments that feel charming rather than distracting, turning waiting periods into memorable UX experiences.

Can I apply UX delight strategies to both web and mobile experiences?

Yes, you can apply UX delight strategies to both web and mobile experiences. The approach details contextual guidance for micro-interactions, copy considerations, and timing that enable designers and engineers to implement consistent brand personality across various product surfaces.

What is the best way to add UI polish without distracting from primary tasks?

The best way to add UI polish without distracting from primary tasks is implementing subtle micro-interactions and hover animations. This approach ensures animations feel responsive and align with brand personality, enhancing empty, loading, and error states without overwhelming the user.

When should I not use animations and micro-interactions in a user interface?

You should avoid using animations and micro-interactions when they risk distracting users from primary tasks. If the timing or visual elements overpower the core functionality or make the interface feel less responsive, the UI polish becomes counterproductive to the overall UX.