Cuándo usarlo
Usa este skill cada vez que trabajes con código de Remotion para obtener el conocimiento específico del dominio.
Subtítulos
Al tratar con subtítulos o leyendas, carga el archivo ./rules/subtitles.md para obtener más información.
Uso de FFmpeg
Para algunas operaciones de video, como recortar videos o detectar silencios, se debe usar FFmpeg. Carga el archivo ./rules/ffmpeg.md para obtener más información.
Visualización de audio
Cuando necesites visualizar audio (barras de espectro, formas de onda, efectos reactivos a bajos), carga el archivo ./rules/audio-visualization.md para obtener más información.
Efectos de sonido
Cuando necesites usar efectos de sonido, carga el archivo ./rules/sound-effects.md para obtener más información.
Cómo usarlo
Lee los archivos de reglas individuales para obtener explicaciones detalladas y ejemplos de código:
- rules/3d.md - Contenido 3D en Remotion usando Three.js y React Three Fiber
- rules/animations.md - Habilidades fundamentales de animación para Remotion
- rules/assets.md - Importación de imágenes, videos, audio y fuentes en Remotion
- rules/audio.md - Uso de audio y sonido en Remotion: importación, recorte, volumen, velocidad, tono
- rules/calculate-metadata.md - Establecer dinámicamente la duración, dimensiones y props de la composición
- rules/can-decode.md - Verificar si un video puede ser decodificado por el navegador usando Mediabunny
- rules/charts.md - Patrones de gráficos y visualización de datos para Remotion (gráficos de barras, circulares, de líneas, de acciones)
- rules/compositions.md - Definición de composiciones, imágenes fijas, carpetas, props predeterminados y metadatos dinámicos
- rules/extract-frames.md - Extraer fotogramas de videos en marcas de tiempo específicas usando Mediabunny
- rules/fonts.md - Carga de fuentes de Google y fuentes locales en Remotion
- rules/get-audio-duration.md - Obtener la duración de un archivo de audio en segundos con Mediabunny
- rules/get-video-dimensions.md - Obtener el ancho y alto de un archivo de video con Mediabunny
- rules/get-video-duration.md - Obtener la duración de un archivo de video en segundos con Mediabunny
- rules/gifs.md - Mostrar GIFs sincronizados con la línea de tiempo de Remotion
- rules/images.md - Incrustar imágenes en Remotion usando el componente Img
- rules/light-leaks.md - Efectos de superposición de fugas de luz usando @remotion/light-leaks
- rules/lottie.md - Incrustar animaciones Lottie en Remotion
- rules/measuring-dom-nodes.md - Medir dimensiones de elementos DOM en Remotion
- rules/measuring-text.md - Medir dimensiones de texto, ajustar texto a contenedores y verificar desbordamiento
- rules/sequencing.md - Patrones de secuenciación para Remotion: retardo, recorte, duración limitada de elementos
- rules/tailwind.md - Usar TailwindCSS en Remotion
- rules/text-animations.md - Patrones de tipografía y animación de texto para Remotion
- rules/timing.md - Curvas de interpolación en Remotion: animaciones lineales, easing, spring
- rules/transitions.md - Patrones de transición de escenas para Remotion
- rules/transparent-videos.md - Renderizar un video con transparencia
- rules/trimming.md - Patrones de recorte para Remotion: cortar el inicio o el final de animaciones
- rules/videos.md - Incrustar videos en Remotion: recorte, volumen, velocidad, bucle, tono
- rules/parameters.md - Hacer un video parametrizable añadiendo un esquema Zod
- rules/maps.md - Agregar un mapa usando Mapbox y animarlo
- rules/voiceover.md - Agregar voces superpuestas generadas por IA a composiciones de Remotion usando ElevenLabs TTS