remotion-render
Render videos from React code with Remotion
또한 다음에서 사용할 수 있습니다: inference-sh-6,inferen-sh,inference-sh-7,skillssh,toolshell,inference-sh-9,tul-sh,inference-sh-8
Crear videos programáticos tradicionalmente requiere software de edición de video complejo o herramientas de animación manual. Esta skill transforma código de componentes React/Remotion directamente en videos MP4 a través de la plataforma inference.sh.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"remotion-render" 사용 중입니다. Componente de texto con fundido de entrada simple de 3 segundos de duración
예상 결과:
Archivo de video MP4 en la resolución especificada con transición suave de opacidad de 0 a 1 durante el primer segundo
"remotion-render" 사용 중입니다. Contador animado con configuración de física spring
예상 결과:
Video mostrando valores numéricos incrementándose con efecto de rebote elástico en cada cambio de número
"remotion-render" 사용 중입니다. Animación multi-elemento basada en secuencias con temporización escalonada
예상 결과:
Video por capas con elementos apareciendo en orden, cada uno con animaciones independientes de fundido y posición
보안 감사
안전Static scanner flagged 40 patterns (32 external_commands, 5 network, 3 crypto). All are FALSE POSITIVES: backticks are markdown code fences in documentation, URLs are legitimate service links (inference.sh, remotion.dev), and no cryptographic code exists. The skill safely wraps the inference.sh CLI for video rendering via external service.
위험 요인
⚙️ 외부 명령어 (1)
🌐 네트워크 접근 (1)
품질 점수
만들 수 있는 것
Equipos de marketing generando videos de demostración de productos
Crear contenido de video de marca consistente desde componentes de plantilla con texto dinámico y superposiciones de datos para campañas en redes sociales.
Desarrolladores creando tutoriales animados
Transformar ejemplos de código y demostraciones de UI en tutoriales en video atractivos sin grabación de pantalla ni software de edición de video.
Analistas de datos visualizando métricas como video
Convertir paneles de control y visualizaciones de datos en reportes de video animados para presentaciones de stakeholders y reportes automatizados.
이 프롬프트를 사용해 보세요
Crear una animación de texto con fundido de entrada simple con texto blanco sobre fondo negro que diga Hello World durante 3 segundos a 1080p.
Construir un contador animado que cuente de 0 a 100 por ciento durante 5 segundos con un indicador de carga, usando animaciones spring para movimiento suave.
Diseñar una tarjeta de título con tres elementos de texto que aparecen secuencialmente, cada uno con diferente temporización. Incluir un fondo de color y estilo de tipografía personalizado.
Crear un componente de video que acepte props de datos y renderice gráficos animados con valores interpolados, transiciones suaves entre estados y esquemas de color personalizados basados en parámetros de entrada.
모범 사례
- Usar interpolate y spring para animaciones suaves y profesionales en lugar de transiciones lineales
- Mantener el código de componentes modular separando la lógica de animación de los elementos visuales
- Probar animaciones en la velocidad de cuadros objetivo localmente antes de renderizar el video final para verificar la temporización
피하기
- Evitar estilos en línea con cálculos complejos que se recalculan en cada cuadro
- No usar useState o efectos secundarios que entren en conflicto con el modelo de renderizado de Remotion
- Nunca hardcodear números de cuadro directamente; usar useVideoConfig para temporización independiente de la resolución