remotion-motion-director

Remotion Motion Director

비디오 품질이 코드 품질만큼 중요할 때 이 스킬을 사용하세요. 단순한 "작동하는 애니메이션"이 아닌, 명확한 창의적 근거를 바탕으로 세련된 모션 작업을 제작하도록 설계되었습니다.

사용 시기

• 사용자가 프리미엄, 브랜드 주도의 Remotion 비디오를 요청하는 경우
• 사용자가 일반 템플릿 이상의 정밀한 스타일 제어를 필요로 하는 경우
• 프로젝트에 스토리보드 중심 실행과 반복적인 비평 루프가 필요한 경우
• Apple과 같은 폴리시, 시네마틱 모션, 또는 고급 광고 느낌을 요청하는 경우

사용하지 말아야 할 경우

• 디자인 방향성이 필요 없는 일회성 기술 수정
• Apple 상표, 제품 샷 또는 광고 대본을 정확히 복사하라는 요청

필수 워크플로우

1. 제약 조건 수집:
   • references/brand-control-schema.md를 로드합니다.
   • 사용자가 제공하지 않는 입력은 명시적인 가정으로 채웁니다.
2. 창의적 방향 설정:
   • references/motion-direction-principles.md를 로드합니다.
   • 하나의 기본 모션 프로필과 하나의 대체 프로필을 선택합니다.
3. "영감을 얻되 복사하지 않음" 가드레일 적용:
   • references/apple-inspired-not-copied.md를 로드합니다.
4. 코딩 전 계획:
   • 타이밍과 의도가 포함된 장면별 스토리보드를 작성합니다.
5. Remotion으로 구축:
   • references/remotion-implementation-map.md를 로드합니다.
   • 장면을 Composition, Sequence 및 타이밍 기본 요소에 매핑합니다.
6. 비평 및 개선:
   • references/production-rubric.md를 로드합니다.
   • 출력물을 평가하고, 차이점을 나열하며, 최소 한 번의 개선 패스를 실행합니다.

출력 계약

항상 다음 아티팩트를 반환합니다:

1. 창의적 방향 브리프 (메시지, 대상, 시각적 약속)
2. 브랜드 및 모션 제어 시트 (토큰 및 조정 값)
3. 장면 타이밍이 포함된 스토리보드
4. 빌드 노트 (각 장면을 구현하는 컴포넌트/애니메이션)
5. QA 평가 점수 및 다음 패스 변경 사항

재사용 가능한 템플릿

사용자 정의 파일을 처음부터 생성하기 전에 다음을 사용하세요:

• assets/storyboard-template.md
• assets/motion-tokens-template.ts
• assets/scene-template.tsx
• assets/remotion-root-template.tsx
• assets/qa-scorecard-template.md

시작 예제

실행 가능한 참조 구현은 다음을 참조하세요:

• examples/motion-director-starter/README.md

이 스타터는 스토리보드와 모션 토큰을 최소 Remotion 프로젝트 구조에 연결하는 방법을 보여줍니다.

품질 기준

• 복잡성보다 명확성을 우선시합니다.
• 모든 것을 장식하지 말고, 계층 구조를 드러내기 위해 모션을 사용합니다.
• 페이싱을 의도적으로 유지합니다: 과도한 편집과 지속적인 움직임을 피합니다.
• 간격, 타이포그래피 및 타이밍 시스템의 일관성을 선호합니다.
• 접근성을 존중합니다 (대비, 축소 모션 옵션, 텍스트 가독성).
• 제약 조건이 누락된 경우, 차단하지 말고 기본값을 선언하고 계속 진행합니다.

관련 스킬

• remotion-best-practices: 기술적 Remotion 정확성.
• create-remotion-geist: Vercel/Geist 시각적 언어.
• remotion-ads: 소셜 안전 영역 및 캠페인 제약 조건.
• elevenlabs-remotion: 내레이션 중심 편집을 위한 음성 파이프라인.

버전 관리

• references/versioning-policy.md의 시맨틱 버전 관리를 따릅니다.
• 버전을 올리려면 scripts/bump-version.sh를 실행합니다.