Remotion 비디오 제작
업스트림
공식 Remotion 에이전트 스킬: https://github.com/remotion-dev/skills 공식 문서: https://www.remotion.dev/docs/ai/skills
완전한 공식 스킬 세트와 해당 참조 규칙 파일을 사용하려면 npx skills add remotion-dev/skills를 실행하여 작업 공간에 설치하세요. 이 로컬 스킬은 워크플로우 가이드이며, 업스트림 배포판의 완전한 복사본이 아닙니다.
워크플로우
- 기존 프로젝트를 검사하고 사용자 변경 사항을 보존합니다.
- 프로젝트가 없으면 공식 생성 워크플로우를 사용하고 패키지 호환성을 확인합니다.
- 컴포지션 ID, 크기, FPS, 지속 시간, props 및 자산 경로를 명시적으로 정의합니다.
useCurrentFrame()및useVideoConfig()와 같은 프레임/시간 기반 API를 사용합니다. 렌더링 타이밍에 벽시계 CSS 애니메이션을 사용하지 마십시오.- 적절한 이징과 클램프 범위를 사용하여 보간/스프링 헬퍼를 의도적으로 적용합니다.
- 장면과 트랜지션을 시퀀싱하여 프레임 수와 오버랩이 의도한 총 지속 시간을 생성하도록 합니다.
- 지원되는 미디어 컴포넌트와 정적 자산 헬퍼를 사용합니다. 렌더링 전에 비동기 자산이 로드될 때까지 기다립니다.
- 환경이 허용하는 경우 스튜디오 미리보기를 시작하고 편집 또는 렌더링 전에 검사합니다.
- 요청되었을 때만 렌더링한 후, 내보낸 파일을 검사하여 지속 시간, 크기, FPS, 오디오 및 대표 프레임을 확인합니다.
품질 규칙
- 불필요한 프레임 단위 React 작업과 비용이 많이 드는 효과를 피합니다.
- 글꼴, 이미지, 오디오 및 비디오 경로를 재현 가능하게 유지합니다.
- 잘못된 프레임 계산, 음수 지속 시간, 누락된 자산 및 범위를 벗어난 보간을 피합니다.
- 텍스트 맞춤, RTL 글자 모양, 캡션 타이밍 및 시각적 연속성을 확인합니다.
- 배포 전에 현재 Remotion 라이선스 및 상업적 사용 조건을 확인합니다.