UX Best Practices

This skill covers UX patterns for creating exceptional user experiences — visual hierarchy, error handling, loading states, and empty states.

Use-When

This skill activates when:

• Agent designs page layouts
• Agent builds forms with validation
• Agent creates async operations with loading states
• Agent displays lists that might be empty
• Agent handles API errors

Core Rules

• ALWAYS use consistent spacing from the design system
• ALWAYS show loading states during async operations
• ALWAYS provide clear, specific error messages
• ALWAYS provide empty states for lists/collections