Add loading, empty and error states
Teammates stop wondering if the tool is broken.
The number it moves
Errors people hit
Failed page loads or actions per week from error logs.
What your AI does
Find every data-fetching view. List ones that show a blank area or raw error while loading, empty, or failing. Propose a small shared component for the three states and apply it with retry on failure.
Done when
- Every screen that loads data shows a loading state
- Empty screens say they are empty
- Failures show a message with a retry
The prompt
Paste this into any AI coding tool, or run it in MightyMouse and your AI works on your own project.
Add loading, empty and error states (Internal tool) Find every data-fetching view. List ones that show a blank area or raw error while loading, empty, or failing. Propose a small shared component for the three states and apply it with retry on failure. Done when: - Every screen that loads data shows a loading state - Empty screens say they are empty - Failures show a message with a retry Read the code first. If it already does this well, change nothing and say so. Otherwise make the smallest change that makes every line above true. Work with what this project already uses. Do not add a paid tool or service unless I ask for one. Playbook: https://getmightymouse.com/playbooks/internal-add-loading-empty-and-error-states/ - published by MightyMouse. Source: Nielsen Norman Group, https://www.nngroup.com/articles/visibility-system-status/
The skill file
Save this as SKILL.md and Claude Code or Cursor can run the playbook any time you ask.
--- name: internal-add-loading-empty-and-error-states description: Teammates stop wondering if the tool is broken. Use on a internal tool project to improve "Errors people hit". --- # Add loading, empty and error states Find every data-fetching view. List ones that show a blank area or raw error while loading, empty, or failing. Propose a small shared component for the three states and apply it with retry on failure. ## Done when - [ ] Every screen that loads data shows a loading state - [ ] Empty screens say they are empty - [ ] Failures show a message with a retry ## How to run it Read the code first and tick every line that is already true. If all are true, change nothing and say so. Otherwise make the smallest change that makes the rest true, then report each line as done or not done. Work with what this project already uses. Do not add a paid tool or service unless I ask for one. Playbook: https://getmightymouse.com/playbooks/internal-add-loading-empty-and-error-states/ - published by MightyMouse. Source: Nielsen Norman Group, https://www.nngroup.com/articles/visibility-system-status/