delight

Name: delight
Availability: InStock
Author: lortunate

Identify and define delight opportunities across interface states and interactions.

1|Updated Apr 12, 2026

Search Tags:#onboarding #accessibility #delight #animations #ui-design #micro-interactions #brand-voice

Ready to run

npx skills add https://github.com/Lortunate/CodexLAG --skill delight-lortunate

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: delight
Source: https://github.com/Lortunate/CodexLAG/tree/main/.claude/skills/delight
Command: npx skills add https://github.com/Lortunate/CodexLAG --skill delight-lortunate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Add moments of personality, micro-interactions, and unexpected polish to existing interfaces to elevate usability and enjoyment without compromising clarity.

Core Features & Use Cases

Micro-interactions and animation to provide tactile feedback on actions (clicks, loads, transitions).
Loading delight and friendly empty states to reduce perceived wait times and guide users.
Success animations and hover surprises that reinforce accomplishments and reinforce brand personality.
Context-aware copy and visuals tailored to onboarding, errors, and routine tasks.

Quick Start

Run the Context Gathering Protocol to establish brand voice, then map where delight should appear and how it should feel.

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 animations to UI design without hurting accessibility?▼

To add micro-interactions without hurting accessibility, define delight strategies that ensure animations are skippable and respect performance constraints. This approach provides tactile feedback for clicks and transitions while maintaining task focus and clarity.

What is the best way to design friendly empty states and loading animations for enterprise interfaces?▼

The best way to design friendly empty states and loading animations for enterprise interfaces is to apply context-aware visuals that reduce perceived wait times. This strategy aligns micro-interactions with brand voice to guide users while ensuring task focus is maintained.

How do I map where UI delight should appear during user onboarding?▼

Map where UI delight should appear during onboarding by running a context gathering protocol to establish brand voice. This process identifies opportunities to inject moments of joy, personality, and unexpected polish across interactive gestures and routine tasks.

Can I use context-aware copy and success animations for both consumer and enterprise interfaces?▼

Yes, you can apply context-aware copy and success animations across both consumer and enterprise interfaces. This approach reinforces accomplishments and brand personality while ensuring the micro-interactions remain accessible and do not compromise functional clarity.

When should I avoid using micro-interactions and hover surprises in UI design?▼

You should avoid using micro-interactions and hover surprises when they compromise clarity, task focus, or interface performance. Delight strategies must respect accessibility constraints and ensure animations remain skippable to prevent distracting users from routine tasks and errors.