skeleton screen
A skeleton screen reserves the shape of content while it loads.
Use this when A loading region appears blank or shifts substantially when content arrives.
without the term
“The dashboard shows a blank area and then everything pops in and jumps around. Can you show gray placeholder shapes while it loads?”
with the term · How do you ask a model for skeleton screen?
Add a skeleton for this loading region. Verify a stable layout and transitions to success, empty, and error states, including reduced motion.
What is skeleton screen?
Grey placeholder shapes the size of the coming content hold the layout while it loads, then give way to the content, an empty state, or an error.
Why does skeleton screen matter when vibe coding?
A polished placeholder can hide a missing error path.
How do you do skeleton screen?
Match the content’s layout and test slow, empty, and failed loads.
What goes wrong with skeleton screen?
Animating an indefinite placeholder after the request has already failed.