# Skeleton: 로딩 스켈레톤 UI

둥근 아바타와 두 줄로 된 반짝이는 로딩 플레이스홀더로, 실제 콘텐츠로 크로스페이드할 수 있습니다. 동영상 템플릿. Claude용 코드를 복사하거나 Subclip에서 편집하세요.

Canonical URL: https://www.subclip.app/ko/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
- 카테고리: UI
- 길이: 7초
- 화면 비율: 16:9 가로
- 코드: 코드 받기(무료 로그인): https://www.subclip.app/ko/motion-graphics-templates/remotion/skeleton

밝은 회색 플레이스홀더 카드에 둥근 아바타와 텍스트 두 줄이 표시되고, 그 위로 반짝임이 지나갑니다. 앱이 로딩될 때의 모습 그대로입니다. 템플릿은 이 로딩 상태를 4초 동안 재생합니다. 코드에서는 로딩이 끝나면 플레이스홀더가 실제 콘텐츠로 크로스페이드됩니다.

레이아웃(아바타가 있는 카드 또는 세 줄 쌓기)과 상태(로딩 중 또는 로딩 완료)와 함께 재생 속도와 배경도 고를 수 있습니다. 콘텐츠가 나타나기 전의 앱 데모, 성능-속도 설명 영상, 디자인 시스템 소개, "곧 공개" 장면에 사용하세요.

## 이럴 때 쓰세요

- 앱 로딩 장면
- 성능 설명 영상
- 디자인 시스템 소개
- "곧 공개" 티저

## 바꿀 수 있는 항목

- `speed`: 재생 속도 (숫자)
- `stageBackground`: 현장 주변의 배경 (색상)

## 이 템플릿 사용 방법

1. Mac 또는 Windows용 Subclip을 내려받으세요. 이 페이지의 모든 템플릿이 미리 설치되어 있습니다.
2. 템플릿 패널을 열고 Skeleton을(를) 골라 타임라인에 끌어다 놓으세요.
3. 레이어 설정에서 텍스트, 색상, 타이밍을 바꾸거나 AI 에이전트에게 수정을 맡기세요.
4. 영상을 내보내거나, 코드를 내려받아 내 프로젝트에서 템플릿을 사용하세요.

remocn의 Skeleton을(를) 바탕으로 제작: https://remocn.dev