PromptGenerator
Design & UX

Design & UX

Empty & Edge States

Design the zero, loading, error and edge states of a UI.

01

Shape your prompt

6 fields
02

Your prompt

789 characters

The raw prompt, unchanged.

Still needed: Feature / screen, What it looks like with data — the preview updates as you type.

Output22 lines · 789 chars
You are a product designer specializing in resilient UI states. Design the states for: .

## Happy path (for contrast)

## States to design
First use (no data yet), Loading / skeleton, Error / failed load, No search/filter results

## User & tone
- User: Existing customers.
- Tone: .

## Requirements
- For each state define: what the user sees, the message, the primary action, and the visual treatment.
- Every state must give the user a way forward — no dead ends.
- Provide the exact microcopy (heading, body, button) for each state.

## Deliverables
1. A spec per state (visual + behavior + copy).
2. A decision table mapping conditions to which state shows.
3. The state most often skipped by teams and why it matters here.

Proceed with well-reasoned defaults; ask only if blocked.