remotion-render
Renderizar Videos desde Código React/Remotion
또한 다음에서 사용할 수 있습니다: inference-sh-6,inference-shell,inferen-sh,skillssh,toolshell,inference-sh-9,tul-sh,inference-sh-8
Transforma código TSX de React y Remotion en videos MP4 programáticamente. Perfecto para desarrolladores que desean generar animaciones, gráficos en movimiento y videos impulsados por datos a través de código.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"remotion-render" 사용 중입니다. Render a video with animated counter from 0-100
예상 결과:
The skill returns a video file URL from inference.sh. Example output: { 'output': { 'video': 'https://cdn.inference.sh/...' }, 'progress': 100 }
"remotion-render" 사용 중입니다. Create fade-in welcome text video
예상 결과:
Progress updates stream during rendering. Final output includes video URL, format details, and duration.
"remotion-render" 사용 중입니다. Generate spring animation with custom props
예상 결과:
Streaming response shows progress percentage. Completed render returns video metadata and download 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)
품질 점수
만들 수 있는 것
Generar videos explicativos animados
Crea videos animados impulsados por datos pasando props dinámicos a componentes React. Perfecto para creación automatizada de contenido.
Crear gráficos en movimiento con código
Diseña animaciones usando React y las APIs de Remotion. Usa física de resorte, interpolación y secuencias para crear gráficos en movimiento profesionales.
Generación programática de video
Genera videos desde datos programáticamente. Alimenta datos dinámicos a componentes React para crear contenido de video personalizado a escala.
이 프롬프트를 사용해 보세요
Create a 3-second video with fade-in text using Remotion. Use AbsoluteFill for the container, interpolate for opacity animation, white text on dark background, 1920x1080 resolution at 30fps. Render it using the remotion-render skill.
Create an animated counter from 0 to 100 that displays progress. Use the remotion-render skill with props for title and subtitle. Render at 60fps for smooth animation, 1080x1080 square format.
Create a multi-scene video with three sequential text elements. Use Remotion Sequence component to time each appearance. Render a 4-second video at 1920x1080, 30fps using remotion-render skill.
Create a video with a spring-animated element using Remotion spring API. Include damping and stiffness configuration. Render with custom resolution and FPS settings using the remotion-render skill.
모범 사례
- Comienza con composiciones simples y aumenta la complejidad a medida que verificas la salida
- Usa FPS más bajos y duraciones más cortas durante el desarrollo para acelerar la iteración
- Siempre especifica ancho, alto y FPS explícitamente para evitar dimensiones de salida inesperadas
- Usa props para hacer que los componentes sean reutilizables en diferentes salidas de video
피하기
- No asumas renderización local - todo el procesamiento de video ocurre en los servidores de inference.sh
- Evites videos extremadamente largos sin probar versiones más cortas primero
- No omitas la configuración de autenticación - infsh login es requerido antes de renderizar
- Evita animaciones anidadas complejas sin probar cada componente individualmente