Skeletons

Use a skeleton when the rendered shape is predictable — list rows, cards, paragraphs. Use a spinner only when dimensions are unknown (file uploads, indeterminate work). Both respect prefers-reduced-motion: reduce.

List skeleton

Card skeleton

Spinner — when dimensions are unknown