UX Feedback

Overview

Part of StyleSeed, this skill ensures data-dependent UI does not stop at the happy path. It adds the four core feedback states every serious product needs: loading, empty, error, and success.

When to Use

• Use when a component or page fetches, mutates, or depends on async data
• Use when a flow currently renders only the success path
• Use when a card, list, or page needs better state communication
• Use when the product needs clear recovery and confirmation behavior

The Four Required States

Loading

Use skeletons that match the final layout. Avoid spinners inside cards unless the pattern genuinely requires them. Delay skeletons slightly to avoid flashes on fast responses.

Empty