你可能会说
列表加载时先显示灰色骨架屏，模拟内容轮廓。
内容加载完成前显示的灰色占位块，模拟真实内容的轮廓（标题一条、正文几行）。
内容加载完成前显示的灰色占位块，模拟真实内容的轮廓（标题一条、正文几行）。比转圈圈更能缓解等待焦虑。
生活类比
像餐厅上菜前摆好的空盘和餐具——你知道菜大概什么样、放哪，等起来没那么急。
🎮 动手试试
关于「骨架屏」，以下哪个描述最准确？
你可以这样告诉 AI
帮我在列表加载时加骨架屏：用灰色占位块模拟标题长条、三行正文短条、图片方块，加载完淡入切换。
骨架屏用灰色占位块模拟内容轮廓让用户有预期，加载转圈只告诉用户「在加载」但不知内容长什么样。
内容加载需要1秒以上
API 请求较慢、用户需要等 1-3 秒才能看到内容时，用骨架屏预演内容轮廓，让用户感知「内容即将出现」而非「页面卡住了」。
和 AI 协作时
想让 AI 加骨架屏时，说「加载中用骨架屏：标题用长灰条、正文用三行短灰条，加载完淡入切换真实内容」，AI 会实现。
瞬间加载的本地数据
数据从本地缓存或内存读取、渲染在 100ms 内完成时，骨架屏的闪烁反而比直接显示更干扰用户。
与静态纯展示页面无关
内容在 HTML 中直接写死、不需要异步加载的页面，骨架屏没有等待时间可填充，完全不需要。
内容加载完成前显示的灰色占位块，模拟真实内容的轮廓（标题一条、正文几行）。比转圈圈更能缓解等待焦虑。
像餐厅上菜前摆好的空盘和餐具——你知道菜大概什么样、放哪，等起来没那么急。
和 AI 沟通时提到「加载时显示骨架屏」，就是做灰色占位块效果。