remotion-render
React/Remotion 코드로 비디오 렌더링
또한 다음에서 사용할 수 있습니다: inference-sh-8,inference-sh-6
React 와 Remotion TSX 코드를 프로그래매틱하게 MP4 비디오로 변환합니다. 코드를 통해 애니메이션, 모션 그래픽, 데이터 기반 비디오를 생성하려는 개발자에게 이상적입니다.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"remotion-render" 사용 중입니다. 0-100 까지 애니메이션 카운터가 있는 비디오 렌더링
예상 결과:
스킬은 inference.sh 의 비디오 파일 URL 을 반환합니다. 예시 출력: { 'output': { 'video': 'https://cdn.inference.sh/...' }, 'progress': 100 }
"remotion-render" 사용 중입니다. 페이드인 환영 텍스트 비디오 만들기
예상 결과:
렌더링 중 진행 상황 업데이트가 스트리밍됩니다. 최종 출력에는 비디오 URL, 형식 세부 정보 및 지속 시간이 포함됩니다.
"remotion-render" 사용 중입니다. 사용자 정의 프롭스로 스프링 애니메이션 생성
예상 결과:
스트리밍 응답은 진행률 백분율을 표시합니다. 완료된 렌더는 비디오 메타데이터 및 다운로드 URL 을 반환합니다.
보안 감사
낮은 위험All 43 static findings are false positives. The skill is a legitimate video rendering tool using the inference.sh service. External commands are documented CLI invocations (infsh), network calls are to required external APIs, and no cryptographic or malicious patterns exist.
중간 위험 문제 (1)
위험 요인
🌐 네트워크 접근 (1)
⚙️ 외부 명령어 (1)
품질 점수
만들 수 있는 것
애니메이션 설명 비디오 생성
React 컴포넌트에 동적 프롭스를 전달하여 데이터 기반 애니메이션 비디오를 만듭니다. 자동화된 콘텐츠 제작에 이상적입니다.
코드로 모션 그래픽 제작
React 와 Remotion API 를 사용하여 애니메이션을 디자인합니다. 스프링 물리, 인터폴레이션, 시퀀스를 사용하여 전문적인 모션 그래픽을 만듭니다.
프로그래매틱 비디오 생성
프로그래매틱하게 데이터를 통해 비디오를 생성합니다. React 컴포넌트에 동적 데이터를 입력하여 대규모로 개인화된 비디오 콘텐츠를 만듭니다.
이 프롬프트를 사용해 보세요
Remotion 을 사용하여 페이드인 텍스트가 있는 3 초 비디오를 만듭니다. AbsoluteFill 을 컨테이너로 사용하고, 불투명도 애니메이션을 위해 interpolate 를 사용하며, 어두운 배경에 흰색 텍스트, 30fps 에서 1920x1080 해상도를 사용합니다. remotion-render 스킬을 사용하여 렌더링합니다.
0 에서 100 까지 표시하는 애니메이션 카운터를 만듭니다. title 과 subtitle 을 위한 프롭스와 함께 remotion-render 스킬을 사용합니다. 부드러운 애니메이션을 위해 60fps, 1080x1080 정사각형 형식으로 렌더링합니다.
세 개의 순차적 텍스트 요소가 있는 멀티 신 비디오를 만듭니다. Remotion Sequence 컴포넌트를 사용하여 각 등장 타이밍을 맞춥니다. remotion-render 스킬을 사용하여 1920x1080, 30fps 에서 4 초 비디오를 렌더링합니다.
Remotion spring API 를 사용하여 스프링 애니메이션 요소가 있는 비디오를 만듭니다. 댐핑 및 강성 설정을 포함합니다. remotion-render 스킬을 사용하여 사용자 정의 해상도 및 FPS 설정으로 렌더링합니다.
모범 사례
- 간단한 컴포지션으로 시작하여 출력을 확인하면서 복잡성을 높입니다
- 개발 중에는 반복 속도를 높이기 위해 더 낮은 FPS 와 더 짧은 지속 시간을 사용합니다
- 예상치 못한 출력 크기를 방지하기 위해 width, height, FPS 를 항상 명시적으로 지정합니다
- 프롭스를 사용하여 컴포넌트를 다양한 비디오 출력에서 재사용 가능하게 만듭니다
피하기
- 로컬 렌더링을 가정하지 마십시오 - 모든 비디오 처리는 inference.sh 서버에서 수행됩니다
- 더 짧은 버전을 먼저 테스트하지 않고 매우 긴 비디오를 피하십시오
- 인증 설정을 건너뛰지 마십시오 - 렌더링 전 infsh login 이 필요합니다
- 각 컴포넌트를 개별적으로 테스트하지 않고 복잡한 중첩 애니메이션을 피하십시오