Communitygithub.com

rTanure/lumiere-motion-map

Planifica el motion design de cada corte (gancho de los primeros 5 segundos, zooms, textos, imágenes, overlays HyperFrames/three.js/Remotion, SFX) en un motion-map.json y obtiene la aprobación del usuario antes de cualquier render. Etapa 5 de Lumiere — la más importante para la calidad.

¿Qué es lumiere-motion-map?

Esta skill, denominada Motion Map, es la quinta y crucial etapa del flujo Lumiere, encargada de planificar completamente el motion design de cada clip antes de cualquier renderización. Su propósito es asegurar la calidad visual y la coherencia del montaje, detallando cada efecto —desde textos y zooms hasta imágenes, overlays avanzados con HyperFrames/three.js/Remotion y SFX— en un esquema estructurado (motion-map.json). Se apoya en agentes delegados (motion-director) que analizan cada corte según las reglas de aprendizaje y la identidad visual del proyecto. Exige aprobación humana obligatoria: se presenta una tabla compacta del plan al usuario, se recibe realimentación y se registran preferencias. Una vez aprobado, se ejecuta con lumiere approve. La skill es compatible con Claude Code y otras herramientas de desarrollo, integrando referencias a templates de motion-map, una amplia variedad de tipos de evento, y la capacidad de personalizar overlays mediante código.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/rTanure/lumiere/tree/HEAD/skills/lumiere-motion-map

Preguntar en tu IA favorita

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

Documentación

Mapa de movimiento (planificación — no se renderiza nada aquí)

Delegación

Lanza un agente motion-director por corte aprobado, todos en el mismo mensaje. Pasa: slug, clip id, y el resumen de las Reglas permanentes de ~/.lumiere/learnings.md + puntos clave de visual-identity.md. Cada agente escribe clips/<clip>/motion-map.json + motion-map.md y devuelve un resumen.

Aprobación (obligatoria)

  1. Para cada corte, muestra el motion-map.md (tabla tiempo → qué entra → por qué) de forma compacta. Destaca los primeros 5 segundos.
  2. Pregunta: aprobar, más movimiento, menos movimiento, o ajustes específicos.
  3. Ajustes: edita el motion-map.json tú mismo (pequeño) o reenvía al agente (grande, vía SendMessage al mismo agente). Registra preferencias de gusto con lumiere learn.
  4. Aprobado: lumiere approve <slug> <clip> motion (graba approved: true en el JSON).

Schema (referencia: templates/motion-map.example.json en la raíz del plugin)

Tiempos en segundos de la línea de tiempo final (words.json). Tipos de evento:

typecamposdónde se hace
text (role hook/title/keyword/label)text, end, highlight[], position, anim, colorFilmcraft (gráfico nativo)
zoomend, scale (1.1-1.35), ease punch/smoothFilmcraft (cámara)
shakeend, amountFilmcraft (cámara)
flashduration, colorFilmcraft
image/stickerasset, end, position, size (fracción del ancho), anim, rotationFilmcraft
brollasset (video/imagen), end, source_in, ken_burnsFilmcraft, pantalla completa
overlayengine hyperframes/remotion, template, props, end, keep_captionsrender por código → WebM alpha
sfxsfx (categoría: whoosh, pop, impact, ding, riser, click, glitch, swoosh), gain_dbFilmcraft A2-A4
Cualquier evento acepta sfx + sfx_offset. Nivel del plano: camera, captions (engine filmcraft/remotion, hide, emphasis), progress_bar, music.

Bloques HyperFrames listos (templates/hyperframes/): hook-title, stat-card, list-reveal, three-object (three.js), word-kinetic (palabras en el tiempo exacto). Para algo nuevo, el template puede ser custom — el agente clip-builder escribe el HTML en la etapa de render.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Skills relacionados