Contexto de AY Automate
Caso de uso principal: Contenido de video para LinkedIn de AY Automate en el ámbito del liderazgo intelectual.
Formatos típicos de video para LinkedIn
- Clips de liderazgo intelectual (15-45 seg): Opiniones contrarias, demostraciones de agentes de IA, actualizaciones de desarrollo en público
- Tutoriales guiados (60-90 seg): Demostraciones de flujos de trabajo en n8n, explicaciones de arquitectura de agentes
- Anuncios de éxito de clientes (30-45 seg): Métricas antes/después, revelaciones de estadísticas animadas
Integración de marca
- Fondo: #0a0f1a (azul marino intenso) | Acento: #00d4ff (cian) | Texto: #f0f4f8
- Fuente: Inter (títulos + cuerpo), JetBrains Mono (código)
- Exportación: MP4, óptimo 15-90 seg, incluir siempre subtítulos
Cuándo usarlo
Usa este skill siempre que estés trabajando con proyectos de Remotion. Esto incluye:
- Crear nuevas composiciones o animaciones de video
- Editar componentes de Remotion existentes
- Agregar recursos (imágenes, audio, video) a un proyecto de Remotion
- Construir secuencias animadas, transiciones o efectos
- Cualquier tarea que involucre un directorio de proyecto de Remotion
Desencadenantes clave: La palabra "Remotion", rutas que contengan remotion-videos/, archivos como remotion.config.ts, o solicitudes para crear contenido de video animado en React.
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 en 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 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 en Remotion
- rules/compositions.md - Definir composiciones, fotogramas fijos, carpetas, props predeterminados 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 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/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: lineal, easing, animaciones con 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 animaciones
- rules/videos.md - Incrustar videos en Remotion: recorte, volumen, velocidad, bucle, tono
- rules/parameters.md - Hacer un video parametrizable agregando un esquema Zod
- rules/maps.md - Agregar un mapa usando Mapbox y animarlo