# Skeleton: 骨架屏加载界面

带圆形头像和两行文字的闪光加载占位，可淡入切换为真实内容。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/skeleton

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-skeleton.mp4?v=e7720302a3

一张骨架屏加载卡片，一道光泽扫过圆形头像和两行文字。

- 框架: Remotion
- 类别: 界面
- 时长: 7 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/skeleton

一张浅灰色占位卡片显示圆形头像和两行文字，一道光泽从上面扫过，就像应用加载时的样子。模板会播放这个加载状态四秒。在代码中，内容加载完成后，占位会交叉淡入为真实内容。

您可以选择布局（带头像的卡片或三行堆叠）和状态（加载中或已加载），还可以调整播放速度和背景。适用于内容出现前的应用演示、性能或速度讲解视频、设计系统展示或"即将推出"片段。

## 适用场景

- 应用加载片段
- 性能讲解视频
- 设计系统展示
- "即将推出"预告

## 可修改的内容

- `speed`: 播放速度 (数字)
- `stageBackground`: 场景周围的背景 (颜色)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Skeleton 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 remocn 的 Skeleton 制作: https://remocn.dev