Empty State And Loading Review

Use this skill to make non-happy-path UI feel intentional, useful, and fast.

Workflow

1. Identify the state type: first-use empty, zero-result, permission-blocked, loading, partial loading, offline, error, or completed.
2. Read references/empty-loading-patterns.md.
3. Check whether the state explains what happened, why it matters, and what the user can do next.
4. Separate product-state fixes from visual polish.
5. Produce copy, layout, instrumentation, and acceptance checks.

When not to use

• Do not use for generic advice the base model already handles without this skill's specific artifact contract.

Guardrails