remotion-studiolisted
Install: claude install-skill SONGYEONGSIN/vibe-flow
# Remotion Studio
입력 소스를 분석하여 역동적인 Remotion 영상을 생성하고, 성공한 결과를 템플릿으로 축적하는 영상 제작 스킬.
**핵심 철학**: 자동화가 아니라 축적. Claude의 창의성이 1차, 사용자의 판단이 2차, 축적된 템플릿이 3차 안전망.
**필수 톤**: "와, 멋있는데?" — 정적 스크린샷 보여주기는 금지. 반드시 카메라 이동과 구체적 애니메이션 포함.
## 참조 스킬
- **remotion-best-practices**: Remotion API 사용법 (interpolate, spring, Sequence 등). 코드 작성 시 반드시 참조.
- **references/cinematography.md**: 촬영 원칙 (카메라 이동, 타이밍, 효과). 스토리보드 설계 시 반드시 참조.
---
## 모드 판별
사용자 요청을 보고 3가지 중 하나를 선택:
| 요청 패턴 | 모드 |
|---|---|
| "이 이미지로 영상 만들어줘" | **모드 1: 새로 만들기** |
| "지난번 뉴스 기사 스타일로 만들어줘" | **모드 2: 템플릿 적용** |
| "이거 템플릿으로 저장해줘" | **모드 3: 템플릿 저장** |
혼합 요청("이 이미지로 지난번 스타일로 만들어줘")은 **모드 2**로 처리 — 템플릿 기반 + 새 입력.
---
## 모드 1: 새로 만들기
### Step 1 — 입력 분석
- 파일 확장자, 내용, 해상도, 배경색 등 파악
- 이미지에 텍스트가 포함되었는지 판단 (하이라이트/주석이 필요할 수 있음)
- 포맷(롱폼/숏폼): 입력 소스의 비율 등에서 추론 가능하면 추론 후 스토리보드에 포함, 불확실할 때만 질문
### Step 2 — 스토리보드 제안
references/cinematography.md를 읽고, 기존 templates/ 디렉토리에 유사한 템플릿이 있으면 참고하되 그대로 복사하지 않는다.
아래 형식에 맞춰 제시:
```
## 스토리보드 제안
**입력**: [파일 경로] ([설명, 해상도, 배경색 등])
**포맷**: [16:9 | 9:16 | 1:1] | [시간] | [fps]
### 장면 구성
| # | 구간 | 연출 | 효과 |
|---|---|---|---|
| 1 | 0~1초 | 전체 블러에서 시작, 서서히 선명해짐 (easeOut) | BlurReveal |
| 2 | 0~5초 | 이미지가 3D 공간에서 Y축 15도 천천히 회전 (easeInOut) | 3D Camera |
### 필요한 도구
- [도구명]: [용도]
### 분위기
[연출 의도와 근거 — 왜 이런 연출을 선택했는지]
> 이대로 진행할까요? 수정할 부분이 있으면 말씀해주세요.
```
**규칙:**
- 장면 테이블에 이징 정보 필수 포함 (linear, easeInOut, spring 등)
- 번호 부여로 "3번을 ~로 바꿔" 같은 구체적 수정 가능하게
- 사용자 승인 대기. 수정 요청 시 반영 후 재제시.
### Step 3 — Remotion 프로젝트 생성