Design empty, error, and loading states
Complete a product experience beyond its happy path.
What this prompt helps you do
State-by-state content and interaction recommendations.
When to use it
A screen works in a mockup but lacks guidance for real-world conditions.
What to prepare
The goal, relevant source material, constraints, examples, and the decision or action this should support.
How to get a strong result
Add the facts, constraints, source material, and desired format that the model cannot know.
How to use this prompt
Replace each placeholder with accurate context. Paste the complete prompt into ChatGPT, review the response critically, resolve important questions, and use it as a considered input to the next decision—not as an unchecked final answer.