Design error handling and edge cases
hardenskillsetup L1★38
educlopez/ui-craft ↗What it does
Audit and build UX for failure cases (loading, empty, error, offline, permissions)
Best for
Production hardening when your UI is beautiful on happy-path but brittle in failure modes
Inputs
- · target UI surface
- · screenshot or live app
Outputs
- · per-surface checklist
- · fixes for loading/error/empty states
Requires
- · Browser automation (Playwright MCP preferred)
Preconditions
UI exists; visual capture available or code access
Failure modes
Code-only → visual issues not caught; some fixes need backend changes
Trust signals
- · Covers 9 surfaces
- · Enforces i18n + offline + permissions
- · Motion + a11y included