loading-empty-error-states
starsforks
How to install loading-empty-error-states?
archive228/loopkit/loading-empty-error-states
$npx -y skills add Archive228/loopkit --skill loading-empty-error-statesDesign the three states every data UI forgets. Use for any component that fetches or lists data.
SKILL.md
| 1 | # Loading / Empty / Error States |
| 2 | AI-built UIs handle the happy path and crash on the other three. Design all four: |
| 3 | - **Loading** — skeletons that match the final layout (not a centered spinner that shifts everything). |
| 4 | - **Empty** — a real first-run state: what it is, and the one action to fill it. Not a blank box. |
| 5 | - **Error** — what failed, in human terms, plus a retry. Never a raw stack trace or silent nothing. |
| 6 | - **Partial** — slow/streaming data, optimistic updates that can roll back. |
| 7 | For each fetch in the diff, confirm all four exist. The empty and error states are where products feel broken. |
People who liked this also viewed
6 picksType
- hyperframes-cliUse the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, SkillsJul 2026
- request-refactor-planSkills for Real Engineers. Straight from my .agents directory.SkillsJul 2026
- analyze-projectRigor Analyze / Rigor Audit read-only skill for deep learning research repositories. Use when the user wants to read and understand a repository, inspect model structure and training or inference entrSkillsMay 2026
- explore-codeRigor Improve implementation leaf skill for auditable candidate implementation in deep learning research repositories. Use when the researcher explicitly authorizes exploratory work on an isolated braSkillsMay 2026
- ubiquitous-languageSkills for Real Engineers. Straight from my .agents directory.SkillsJul 2026
- scaffold-exercisesSkills for Real Engineers. Straight from my .agents directory.SkillsJul 2026
