remotion-render
React/Remotion 코드에서 비디오 렌더링
또한 다음에서 사용할 수 있습니다: inference-sh-6,inference-sh-7
React/Remotion TSX 코드에서 프로그래매틱하게 전문적인 비디오를 생성합니다. 컴포넌트 코드를 전달하면 스프링, 시퀀스, 인터폴레이션을 포함한 완전한 애니메이션 지원을 갖춘 MP4 출력을 얻을 수 있습니다.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"remotion-render" 사용 중입니다. 스프링 물리를 사용한 공 튀는 애니메이션 비디오 렌더링
예상 결과:
사실적인 스프링 물리로 보라색 배경에서 하얀 공이 튀는 모습을 보여주는 60fps 의 5 초 MP4 비디오
"remotion-render" 사용 중입니다. 회사 브랜딩이 포함된 애니메이션 타이틀 카드 제작
예상 결과:
회사 로고가 스케일인 되고, 태그라인이 페이드업 되며, 부드러운 배경 그라디언트 애니메이션이 있는 3 초 인트로 비디오
보안 감사
안전All static findings are false positives. The detected 'external_commands' patterns are markdown code fences in documentation, not actual shell execution. The 'pipe to shell' pattern is the standard documented install method for the inference.sh CLI with SHA-256 checksum verification. Network URLs are legitimate service integrations (inference.sh, remotion.dev). The skill makes API calls to inference.sh to render videos - this is intended functionality.
위험 요인
🌐 네트워크 접근 (6)
품질 점수
만들 수 있는 것
데이터 기반 마케팅 비디오
데이터에서 개인화된 비디오 콘텐츠 생성: 동적 타이틀, 애니메이션 카운터, 제품 쇼케이스
개발자 튜토리얼 애니메이션
애니메이션 구문 강조, 코드 리벨 효과, 동적 다이어그램을 포함한 코드 튜토리얼 비디오 제작
소셜 미디어 콘텐츠 자동화
맞춤 애니메이션, 텍스트 오버레이, 브랜딩을 포함한 소셜 플랫폼용 비디오 제작 자동화
이 프롬프트를 사용해 보세요
어두운 배경에 페이드되는 텍스트 'Hello World' 비디오를 렌더링하세요. 30fps, 3 초 길이, 1920x1080 해상도를 사용하세요.
0 에서 100% 까지 증가하는 카운터가 있는 로딩 애니메이션을 만드세요. 부드러운 애니메이션을 위해 60fps 에서 스프링 물리를 사용하세요.
순차적으로 페이드인 되는 세 개의 텍스트 요소가 있는 비디오를 만드세요: 'First', 'Second', 'Third'. 각각 1 초 동안 나타납니다.
데이터 값 [{value: 30}, {value: 70}, {value: 50}] 을 보여주는 막대 차트 애니메이션을 렌더링하세요. 막대는 0 에서 각 값까지 애니메이션되어야 합니다.모범 사례
- 더 빠른 렌더링을 위해 애니메이션을 10 초 이하로 유지하세요
- 수동 프레임 계산 대신 부드러운 값 전환을 위해 인터폴레이션을 사용하세요
- 프로덕션에서 사용하기 전에 Remotion Studio 에서 코드를 테스트하세요
- 하드코딩된 값 대신 동적 콘텐츠를 위해 props 를 전달하세요
피하기
- 추가 라이브러리가 필요한 복잡한 3D 변환은 피하세요
- 코드에 대용량 base64 이미지를 포함하지 마세요 - 대신 외부 URL 을 사용하세요
- 한 번의 패스에서 매우 긴 비디오 (>60 초) 를 렌더링하지 마세요