code-check-error-boundaries
CommunityStop blank screens and silent failures
Software Engineering#React forms#error boundaries#route loaders#mutation error handling#UX recovery#async failures#silent corruption
Authorwebdevcody
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents user-facing blank screens, infinite spinners, silent corruption, and non-recoverable UI states by auditing common failure paths after new routes, mutations, and async flows are added.
Core Features & Use Cases
- Checks loader and route error coverage: Finds TanStack/Router route loaders that lack an
errorComponent, which otherwise can fail silently. - Verifies mutation failure UX: Ensures
useMutationcalls either defineonErroror rely on a global default so errors don’t vanish behind generic or missing UI feedback. - Validates submit and async resilience: Flags form submit buttons that aren’t disabled during pending requests, and identifies fire-and-forget async promise rejections in background/webhook-style code paths.
- Reviews error messaging with recovery: Detects generic error toasts that provide no retry affordance, leaving users without a path forward.
Quick Start
Run code-check-error-boundaries to audit the failure paths introduced by your latest UI changes and produce a ranked list of missing error handling and user-recovery gaps.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: code-check-error-boundaries Download link: https://github.com/webdevcody/go-mailing-list/archive/main.zip#code-check-error-boundaries Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.