Loading empty error states

Skill swd3k/skills/agent-skills/ui/loading-empty-error-states

Design loading, empty, and error UI states so the product never feels broken or blank. Use when users report white screens, silent failures, or unclear progress.From its SKILL.md

Install

npx -y skills add swd3k/skills --skill loading-empty-error-states

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

28 days oldThe repository was created 28 days ago. New is not bad, but a brand new repository carrying a familiar-sounding name is the shape a typosquat arrives in, and there has been no time for anyone else to find a problem with it.
0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

0.9 KB, 169 tokens by cl100k_base, as published. Nobody here has run it

Loading · Empty · Error

Every async view needs three states besides success.

Loading

Skeleton or spinner with label ("Checking hosts…")
Prefer skeletons for content-shaped layouts
Timeout → error with retry

Empty

Explain what will appear and how to start
One clear CTA
Not a blank white panel

Error

What failed (human language)
What to do (Retry, Open docs, Run as admin…)
Keep previous good data if partial

White screen is a bug

Treat pure white/blank as highest severity:

Is CSS loaded?
Is root mounted?
Did JS throw?
Is webview still navigating?

Acceptance

No path leaves the user with zero chrome and zero message

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.