Loading States

The Three Rules

1. Under 200ms: Don't show anything. It feels instant.
2. 200ms - 2s: Show a skeleton screen or subtle indicator.
3. Over 2s: Show a progress bar or determinate indicator with context.

Skeleton Screens

• Match the actual content layout (not a generic spinner)
• Animate with a shimmer effect (left-to-right pulse)
• Show 3-5 skeleton items max (not 20)
• Transition smoothly to real content (no flash)