delight

Identify joy opportunities in onboarding, error, loading, and completion flows.

Updated Aug 8, 2021

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

Ready to run

npx skills add https://github.com/luanzeba/dotfiles --skill delight-luanzeba

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: delight
Source: https://github.com/luanzeba/dotfiles/tree/main/skills/delight
Command: npx skills add https://github.com/luanzeba/dotfiles --skill delight-luanzeba

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

Delight discovery: identify opportunities in onboarding, errors, loading, and completion states.
Brand-aligned copy & visuals: craft copy and visuals that reflect the brand voice.
Implementation guidelines: provide micro-interaction patterns and accessibility considerations.
Use Case: Improve a checkout flow with a subtle success animation after completion.

Quick Start

Identify three subtle delight moments to add to the onboarding flow that enhance usability without slowing down the user.

Frequently Asked Questions about delight

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

FAQPage Schema

How do I identify opportunities to add micro-interactions and joy to a user interface?▼

Delight discovery identifies opportunities to add joy and personality to user interfaces by analyzing onboarding, error states, loading moments, and completion flows. It outputs a prioritized list of delight patterns with implementation notes.

What is the best way to design onboarding flows that feel delightful without slowing down the user?▼

To design delightful onboarding flows, you can identify three subtle joy moments that enhance usability without causing friction. This requires brand guidelines and a design system to ensure micro-interactions align with your brand voice.

Do I need a design system and brand guidelines to add delight patterns to my web or mobile app?▼

Yes, adding delight patterns requires brand guidelines, component constraints, and a design system. These inputs ensure that the generated micro-interactions and UI copy remain accessible and consistent across web and mobile app environments.

Can I use this approach to improve error states and loading moments with brand-aligned UI copy?▼

Yes, you can craft brand-aligned UI copy and visuals specifically for error states and loading moments. The process evaluates these functional flows and suggests personality-driven micro-interactions and text that reflect your established brand voice.

What accessibility considerations should I keep in mind when adding micro-interactions to a checkout flow?▼

When adding micro-interactions like a subtle success animation to a checkout flow, accessibility considerations are provided alongside the implementation guidelines. This ensures the joy moments do not hinder usability or distract users relying on assistive technologies.