Skills
.Work. You
Rest

delight

Community

Add joy and personality to user interfaces.

Design & Creative#accessibility#delight#animations#ux#micro-interactions#copy
Authortrieloff
Version1.0.0
Installs0

System Documentation

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

  • Micro-interactions & animation: Subtle button lifts, hover effects, and micro-animations that acknowledge user actions without distraction.
  • Playful copy & tone: Contextual messages and labels that reflect brand personality while remaining accessible.
  • Visuals & illustrations: Empty-state visuals, friendly illustrations, and consistent iconography that reinforce delight across states.
  • Loading & success moments: Engaging loading states, celebratory confirmations, and positive feedback after tasks complete.
  • Accessibility & performance: Respect reduced-motion preferences, provide alternatives, and keep performance snappy.

Quick Start

Audit your current UI for moments of delight in success, empty, loading, and hover states, then implement brand-consistent micro-interactions, copy, and visuals that remain accessible.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: delight
Download link: https://github.com/trieloff/trrrrdt/archive/main.zip#delight

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.