global-error-handling
Implement comprehensive error handling strategies including try-catch blocks, API error responses, Content Collection error handling, custom error pages, and production error monitoring. Use this skill when handling data fetching errors, API route errors, validation failures, or implementing error boundaries. When working on API route error responses with proper HTTP status codes, data fetching logic with try-catch error handling, Content Collection getEntry/getCollection error handling, custom error pages (404.astro, 500.astro), React Error Boundaries for client-side components, client-side script error handling, error logging and monitoring integration (Sentry), build-time error handling, or retry logic with exponential backoff.
When & Why to Use This Skill
This Claude skill provides a comprehensive framework for implementing robust, standardized error handling strategies across the entire software development lifecycle. It focuses on enhancing application resilience by standardizing API responses, managing frontend crashes with React Error Boundaries, and integrating production monitoring tools like Sentry. By following these best practices, developers can ensure graceful degradation, improve debugging efficiency, and maintain a high-quality user experience even during system failures.
Use Cases
- API Resilience: Implementing standardized HTTP status codes and structured error responses to ensure consistent communication between client and server.
- Frontend Stability: Deploying React Error Boundaries to catch client-side component errors and prevent the entire application from crashing.
- Production Observability: Integrating Sentry or similar monitoring tools to log, track, and alert on runtime errors in production environments.
- Reliable Data Fetching: Applying advanced retry logic with exponential backoff to handle transient network failures and improve system reliability.
- Custom User Feedback: Designing and implementing custom 404 and 500 error pages to provide helpful guidance to users when content is missing or servers fail.
| name | Global Error Handling |
|---|---|
| description | Implement comprehensive error handling strategies including try-catch blocks, API error responses, Content Collection error handling, custom error pages, and production error monitoring. Use this skill when handling data fetching errors, API route errors, validation failures, or implementing error boundaries. When working on API route error responses with proper HTTP status codes, data fetching logic with try-catch error handling, Content Collection getEntry/getCollection error handling, custom error pages (404.astro, 500.astro), React Error Boundaries for client-side components, client-side script error handling, error logging and monitoring integration (Sentry), build-time error handling, or retry logic with exponential backoff. |
Global Error Handling
This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle global error handling.
When to use this skill
- When writing API routes that need consistent error responses with proper HTTP status codes
- When implementing data fetching logic that requires try-catch error handling
- When using Content Collections getEntry or getCollection methods
- When creating custom error pages (src/pages/404.astro, 500 error pages)
- When implementing React Error Boundaries for client-side component errors
- When writing client-side scripts that need error handling and logging
- When integrating error monitoring tools like Sentry for production tracking
- When handling build-time errors or Content Collection schema validation failures
- When implementing retry logic with exponential backoff for transient failures
- When ensuring graceful degradation for non-critical feature failures
- When logging errors with appropriate context and severity levels
Instructions
For details, refer to the information provided in this file: global error handling