骨架屏（Skeleton Screen）在接口数据返回前，用灰色占位块勾勒标题、正文与配图的轮廓，配合 Shimmer 扫光动效，向用户传达「内容即将呈现」，显著降低白屏跳出率。下图为效果示意，付费区提供...

骨架渐显（Fade-in Skeleton）以占位块整体明暗呼吸呈现，区别于 Shimmer 的位移扫光，观感更克制。下图为效果示意。效果示意：完整提示词（积分解锁）本效果的完整 AI 生成指令、React / Vue ...

脉冲呼吸（Pulse Loader）以缩放 + 光晕（Ripple）的呼吸节奏提示加载，观感柔和、层次感强。下图为效果示意。效果示意：完整提示词（积分解锁）本效果的完整 AI 生成指令、React / Vue 框架变...

波浪加载（Wave Loader）以正弦波（Sine Wave）持续涌动暗示声音或动态，适用于音乐、语音与音频场景。下图为效果示意。效果示意：完整提示词（积分解锁）本效果的完整 AI 生成指令、React / Vu...

跳动三点（Bouncing Dots / Typing Indicator）以三个错落弹跳的圆点传递「有内容正在生成」的活体感，常见于对话框与生成式界面。下图为效果示意。效果示意：完整提示词（积分解锁）本效果的完...

顶部进度条（Indeterminate Progress Bar）以一条贴顶的细线暗示「加载进行中」，比无限转圈更具进度感，常用于路由切换与整页加载。下图为效果示意。效果示意：完整提示词（积分解锁）本效果的...

旋转加载圈（Spinner）是最通用的加载指示：一个圆环持续旋转，瞬时告知用户「正在加载」，适用于按钮态、弹窗与局部刷新。纯 CSS 实现、零依赖、性能好。下图为效果示意。效果示意：完整提示词...