Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Design the three states every data UI forgets. Use for any component that fetches or lists data.
.claude/skills/archive228-loading-empty-error-states/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-01 | ✗→✓ | ▲ Improved | 268% | 0% |
| case-06 | ✗→✓ | ▲ Improved | -28% | 0% |
| case-07 | ✗→✓ | ▲ Improved | 24% | 0% |
| case-17 | ✗→✓ | ▲ Improved | 22% | 0% |
| case-08 | ✓→✓ | = Same ✓ | 1% | 0% |
AI-built UIs handle the happy path and crash on the other three. Design all four:
For each fetch in the diff, confirm all four exist. The empty and error states are where products feel broken.
Other measured skills in the registry, with their headline benchmark lift.