Error & Empty States
Design the empty, loading, and error states most teams forget.
THE SKILL
Act as a UX designer. For [feature], design the states teams usually skip: first-time empty state, loading, no-results, error, and success. For each, describe the layout, the message (write the actual copy), the illustration or icon intent, and the recovery action. Keep the tone consistent with a [brand tone] product.
How to use this skill
1. Copy the skill above.
2. Paste it into your AI tool — Claude, ChatGPT, Cursor, v0, Lovable, or any builder.
3. Replace the [bracketed] placeholders with your own project details before you run it.