Cuándo usarlo
Usa este skill cada vez que trabajes con código de Remotion para obtener conocimiento específico del dominio.
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 de animación fundamentales para Remotion
- rules/assets.md - Importación de imágenes, vídeos, 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 - Configuración dinámica de duración de composición, dimensiones y props
- rules/can-decode.md - Comprobar si un vídeo 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, imágenes fijas, 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 vídeos en marcas de tiempo específicas usando Mediabunny
- rules/fonts.md - Cargar 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 vídeo con Mediabunny
- rules/get-video-duration.md - Obtener la duración de un archivo de vídeo 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 comprobar desbordamiento
- rules/sequencing.md - Patrones de secuenciación para Remotion: retraso, 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, spring
- rules/transcribe-captions.md - Transcribir audio para generar subtítulos en Remotion
- rules/transitions.md - Patrones de transición entre escenas para Remotion
- rules/trimming.md - Patrones de recorte para Remotion: cortar el inicio o final de animaciones
- rules/videos.md - Incrustar vídeos en Remotion: recorte, volumen, velocidad, bucle, tono