loading-state-patterns - Loading state patterns for design systems
Patterns for skeleton loaders, shimmer effects, and loading states that match design system aesthetics
Tags
Updated: 2026-03-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create skeleton loaders
- Apply shimmer animations
- Build progressive loading
- Design card skeletons
- Create table skeletons
- Build metric skeletons
- Implement streaming indicators
- Show loading progress
- Generate skeleton grids
Inputs
- Design system colors
- CSS classes
- Component props
- Loading state
- Column count
Outputs
- Skeleton components
- Shimmer animations
- Loading indicators
- Progress bars
Requirements
- React environment
- Tailwind CSS
- TypeScript support