Communitygithub.com

mvpdsigner/reel-edit-style

Convierte un guion o voz en off en un plan de edición plano por plano y una construcción (Remotion o After Effects) para un reel vertical con un estilo de edición medido. Dos preajustes: Flash Tutorial y Editorial Argument.

¿Qué es reel-edit-style?

Este skill para agentes de IA transforma una voz en off o guion en un plan de edición detallado, plano por plano, y genera el código necesario para construirlo en Remotion o After Effects. Está diseñado para dos estilos predefinidos: 'Flash Tutorial', con transiciones de color escalonadas y flashes de pose; y 'Editorial Argument', con subtítulos en píldora y apilamientos de palabras serif. Para cada estilo, el skill especifica valores precisos como duración en fotogramas, curvas de easing, colores hexadecimales, tamaños de fuente y ubicación de efectos de sonido. Es útil para creadores de contenido que quieran planificar, storyboard o editar reels, shorts o TikToks aplicando un estilo visual consistente, y puede ejecutarse en Remotion (con secuencias y listas de planos) o After Effects (con capas de texto y keyframes sostenidos). El skill incluye scripts de Python para obtener la temporización de palabras a partir del audio, generar métricas de video y hojas de contacto para verificar el resultado final contra el estilo de referencia.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mvpdsigner/claude-skills/tree/HEAD/skills/reel-edit-style

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Estilo de edición de reel

Conviertes una voz en off en una edición que coincide con un estilo medido, hasta el conteo de fotogramas. Cada preajuste proviene de analizar un reel real fotograma a fotograma, por lo que debes seguir sus números en lugar de tu instinto sobre lo que "se ve bien". Varios hallazgos van en contra del instinto: el tipo "cinético" del Argumento Editorial no tiene animación alguna, y el flash del Tutorial Flash nunca llega al blanco total.

Cómo elegir un preajuste

Flash TutorialArgumento Editorial
Úsalo paraTutoriales, demostraciones de VFX o herramientas con un resultado que mostrarOpiniones o comentarios con evidencia visual
fps3024
Planos en ~75 s38 (mediana 1.60 s)59 (mediana 0.58 s)
TextoUna línea fija de subtítulos, nunca cambiaSubtítulo en píldora o apilamiento serif, nunca ambos
Movimiento principalTransiciones flash, micro-diapositivas, zooms lentosCasi ninguno. La energía proviene del ritmo
Transiciones11 flashes de color escalonados, por lo demás cortes directosCortes directos, como máximo dos flashes de 7 fotogramas
Material necesarioCabeza parlante, tomas compuestas fijas, grabaciones de pantallaCabeza parlante, recorte opcional, muchos carteles o imágenes fijas, clips de IA
Especificaciónreferences/preset-flash-tutorial.mdreferences/preset-editorial-argument.md

Si el usuario no nombra uno, recomiéndale uno de esta tabla y explica por qué en una línea. Lee solo el preajuste elegido. Si hay archivos breakdown-*.md, léelos cuando necesites algo que el preajuste omita, como coordenadas exactas o la lista completa de planos como modelo. No están en el repositorio público porque citan el discurso de los creadores de referencia.

Flujo de trabajo

1. Recopilar entradas

  • VO o guion. La edición se basa en la temporización de las palabras, así que consigue audio grabado si puedes. Solo un guion da un plan borrador con temporización estimada (197 PPM para Flash Tutorial, 224 para Argumento Editorial). Marca ese plan como provisional.
  • Inventario de material. Enumera lo que existe frente a lo que necesita el preajuste. Flash Tutorial necesita una toma de resultado real para los primeros 2 s. Argumento Editorial necesita muchas imágenes fijas: la referencia de 74 s usó 36 carteles a página completa y 11 más en collages.
  • Objetivo de construcción. Remotion o After Effects.

2. Obtener temporización de palabras

python3 <directorio-skill>/scripts/transcribe_words.py <audio> <directorio-salida>

Esto necesita mlx-whisper (Apple Silicon) y escribe words.json. Los otros scripts necesitan numpy y pillow, y ffmpeg en el PATH; un entorno virtual con los tres es lo más fácil. Whisper malinterpreta nombres y términos, y puede inventar texto al final de un archivo, así que lee la transcripción comparándola con el guion y corrígela antes de planificar.

3. Escribir el plan de edición

Guarda edit-plan.md con una fila por plano:

Marca de tiempo | Duración | Qué hay en pantalla | Texto/Subtítulo | Movimiento | Transición | Sonido

Trabaja en este orden, porque cada paso depende del anterior:

  1. Secciones: mapea el guion en el mapa de secciones del preajuste.
  2. Texto: divide cada palabra en subtítulos, usando las reglas del preajuste. Temporiza cada uno para que aparezca unos 3 fotogramas después de que comience su primera palabra.
  3. Imágenes: asigna un plano a cada sección, usando las duraciones y diseños de plano del preajuste.
  4. Movimiento: coloca flashes, zooms y recetas. Verifícalos con los huecos de palabras.
  5. Sonido: coloca los efectos de sonido de la tabla del preajuste.

Muestra el plan al usuario antes de construirlo. Cambiar un plan es barato. Cambiar un renderizado no lo es.

4. Construir

  • Copia las constantes del preajuste exactamente. Los números de fotograma allí son relativos al evento, así que re-temporízalos a la nueva VO.
  • Mantén las tablas escalonadas como están. No suavices una tabla de valores por fotograma en una curva, porque los escalones son parte del aspecto.
  • Usa los fps del preajuste. Sus conteos de fotograma solo se mantienen a esa velocidad.
  • Mantén los subtítulos y las píldoras fuera de cualquier capa de zoom o desenfoque.

Remotion: un <Sequence> por plano, controlado desde una lista de planos. El texto son elementos simples dentro de <Sequence from={onFrame}> sin interpolate a menos que el preajuste lo indique. Para desenfoque de movimiento usa @remotion/motion-blur. Las tablas por fotograma son arreglos indexados por frame - start.

After Effects: capas de texto sin animadores a menos que el preajuste lo indique. Configura las tablas de flash como keyframes sostenidos, no con easing.

5. Verificar contra la referencia

Compara el renderizado con la tabla objetivo del preajuste:

python3 <directorio-skill>/scripts/video_metrics.py <render.mp4> <directorio-salida>
python3 <directorio-skill>/scripts/sheet.py <render.mp4> <directorio-salida>/first5s --range 0 4.75 0.25 --cols 7 --rows 3 --thumb 220

Mira las hojas junto con las descripciones en el preajuste. El detector cuenta de más: los fotogramas de flash y el movimiento rápido aparecen como cortes, así que lee cuts.txt visualmente. Informa lo que verificaste y di si no pudiste comparar algo.

Lo que se mantiene honesto

  • Cada preajuste proviene de un reel. Trata sus números como las elecciones de ese reel, no como prueba del estilo completo del creador, y dilo si el usuario confía mucho en ellos.
  • Las etiquetas "(estimación)" y "(no seguro)" se mantienen. Consérvalas en el plan cuando una decisión se base en una.
  • No se escucharon las identidades de sonido. La colocación y temporización se midieron, pero palabras como "boom" y "clic" describen formas de onda. Pide al usuario que juzgue las elecciones de SFX con el oído.
  • Las fuentes son coincidencias cercanas. La fuente de subtítulos de Flash Tutorial y la serif romana de Argumento Editorial no se identificaron. Muestra al usuario una muestra renderizada antes de comprometerte y verifica las licencias de fuente para uso comercial.

Usa la técnica, no el contenido

Reconstruye el estilo con el material, imágenes y sonido propios del usuario. No reutilices los clips, carteles, fotogramas de Firefly u otros activos de los creadores de referencia. La apertura del Argumento Editorial usa un clip de otro creador, así que verifica que el usuario tenga una razón defendible y los derechos al reutilizar ese recurso.

Cómo añadir un nuevo estilo

Para analizar otro reel, lee references/analyze-reference.md, luego añade un preset-<nombre>.md y una fila a la tabla anterior.

Archivos

  • references/preset-flash-tutorial.md, references/preset-editorial-argument.md: las especificaciones para construir.
  • references/breakdown-dope-motions.md, references/breakdown-ashokreddyai.md (solo copias locales, no publicadas): evidencia completa, tablas plano por plano, cada transición, preguntas abiertas. Las rutas que mencionan (como ashok/analysis/) eran archivos de trabajo y no están incluidas.
  • references/analyze-reference.md: cómo analizar un nuevo reel.
  • scripts/: transcribe_words.py, video_metrics.py, audio_events.py, sheet.py, probe_frame.py.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills relacionados