DesignCodexClaudeChatGPT

Empty States Designer

Design useful empty, loading, and no-results states.

Creates compact states with clear copy, helpful actions, and visual restraint for product workflows.

Curated score

85

Difficulty

Easy

Risk

Low

What it helps with
No results state
First-run screen
Loading copy
Use cases
Search pages
Dashboards
Onboarding
Skill contents
SKILL.mdIncluded
ScriptsNot listed
ReferencesIncluded
AssetsIncluded
empty statesloadingUX
Safety / risk notes
LowSKILL.md

Check before using

Read the SKILL.md trigger rules.
Check generated edits before applying them broadly.
Keep credentials out of prompts and examples.
Source

GitHub

Source

Similar skills

Nearby shelf.

🧊Skeleton Loading Pass

Design loading states that preserve layout and feel quiet.

🎨Frontend Design

Production-grade interfaces with a clear visual point of view.

🪄Landing Page Polish

Tighten landing pages without turning them into templates.

💬UX Copy Polish

Make interface copy shorter, clearer, and calmer.

🧼UI Cleanup

Remove visual clutter and tighten spacing, labels, and states.

🖼️Image Asset Optimizer

Clean up image assets for size, format, and responsive use.