What problem does it solve? Interfaces often break down outside the happy path: users face blank screens, cryptic errors, dead-end empty states, and distracting animations. This Skill turns loading, empty, error, success, disclosure, and motion behavior into explicit UX contracts so every screen stays understandable under real conditions. ## Core Features & Use Cases - State Modeling: Define explicit loading, empty, error, and success behavior for any component or page, with checklists for empty-state and error-state copy. - Form & Content Flow Design: Apply progressive disclosure, field-level error recovery, CTA hierarchy, and confirmation patterns to forms, checkout, and onboarding flows. - Motion & Disclosure Guardrails: Use transitions that clarify change, respect prefers-reduced-motion, and keep fallbacks when animation APIs are unavailable. - Use Case: When building a search results page, use this Skill to define the skeleton loading layout, the zero-results empty state with a reset action, the error retry path, and the transition behavior between filters. ## Quick Start Use the site-ux-states-patterns skill to design the loading, empty, error, and success states for my dashboard's filterable results table.
