Cuándo usar
Usa este skill siempre que estés trabajando con código de Remotion para obtener conocimiento específico del dominio.
Cómo usar
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 - Configurar 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
- rules/compositions.md - Definición de composiciones, fotogramas fijos, carpetas, props por defecto y metadatos dinámicos
- rules/display-captions.md - Mostrar subtítulos en Remotion con páginas estilo TikTok y resaltado de palabras
- rules/extract-frames.md - Extraer fotogramas de videos en marcas de tiempo específicas usando Mediabunny
- rules/fonts.md - Cargar Google Fonts 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/import-srt-captions.md - Importar archivos de subtítulos .srt en Remotion usando @remotion/captions
- 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, limitación de duración 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 y spring
- rules/transcribe-captions.md - Transcribir audio para generar subtítulos en Remotion
- rules/transitions.md - Patrones de transición de escenas para Remotion
- rules/trimming.md - Patrones de recorte para Remotion: cortar el inicio o el final de las animaciones
- rules/videos.md - Incrustar videos en Remotion: recorte, volumen, velocidad, bucle, tono