error-states

What problem does it solve?

This skill provides structured patterns and components to handle errors gracefully in Astro sites, preventing broken user experiences during 404s, 500s, form errors, loading failures, and offline scenarios.

Core Features & Use Cases

• Custom 404 and 500 pages with helpful navigation and branding.
• Inline form error states and error summaries for robust validation.
• Loading indicators and offline fallbacks to maintain user trust.
• Centralized error logging and monitoring to improve site quality.
• Accessibility considerations for error messaging.

Quick Start

1. Add an error-states Skill to your Astro project and review the references for ready-to-use components.
2. Implement a custom 404 page and a 500 error page using the provided templates; integrate form error components and loading states.
3. Wire up a basic error-logging strategy to capture and observe issues in production.