loading-state-patterns - Design system loading patterns
Create skeleton loaders, shimmer effects, and progressive loading states that match design system aesthetics
Tags
Updated: 2026-03-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create skeleton components
- apply shimmer animations
- build card skeletons
- construct table skeletons
- create metric skeletons
- implement progressive loading
- add streaming indicators
- show loading progress
- generate skeleton grids
Inputs
- design system theme
- content layout structure
- progress data
Outputs
- skeleton components
- loading animations
- progress indicators
- skeleton layouts
Requirements
- React framework
- TypeScript support
- CSS animation support
- motion library