feature-ui-empty-and-skeleton

What problem does it solve?

This skill helps teams ensure consistent user experiences by defining reliable empty states, skeleton loading placeholders, and smooth transitions when data is not yet available, across route-level views.

Core Features & Use Cases

• Provides standard empty-state templates and skeleton patterns to reuse across pages.
• Guides deterministic transitions from no-data to populated states to minimize layout shifts.
• Use Case: Apply on route pages that fetch data to ensure placeholders render predictably while real data loads.

Quick Start

Review the active route, implement appropriate empty and skeleton states, and verify deterministic behavior using the provided checklist.