canon-states
Installation
SKILL.md
CANON · States
Every screen has at least 4 states beyond "happy path". Most products ship 1 or 2 and call it done. The states below are the contract: when reality breaks the pattern, the UI handles it gracefully.
The Four Required States
For any data-driven screen (list, table, dashboard, feed):
| State | When | Required |
|---|---|---|
| Initial / Loading | Data being fetched | Always |
| Empty | No data exists | Always |
| Error | Fetch failed | Always |
| Populated | Data present (happy path) | The default everyone designs |
For interactive components (button, form, modal):