Communitygithub.com

rTanure/lumiere-motion-map

Plant den Bewegungsentwurf jedes Schnitts (Haken der ersten 5 Sekunden, Zooms, Texte, Bilder, Overlays HyperFrames/three.js/Remotion, SFX) in einer motion-map.json und holt die Zustimmung des Benutzers ein, bevor gerendert wird. Schritt 5 von Lumiere – der wichtigste für die Qualität.

Was ist lumiere-motion-map?

Diese Fähigkeit ist der fünfte und entscheidende Schritt des Lumiere-Workflows: die Motion-Map-Planung. Sie organisiert die visuelle und auditive Gestaltung jedes einzelnen Clips, bevor irgendetwas gerendert wird. Dabei werden für jeden genehmigten Schnitt dedizierte 'motion-director'-Agenten gestartet, die eine detaillierte Bewegungslandkarte (motion-map.json und motion-map.md) erstellen. Die Map enthält Zeitachsen mit Ereignissen wie Textanimationen, Zooms, Shakes, Overlays (HyperFrames, three.js, Remotion), SFX und Musik. Nach der Erstellung muss der Benutzer jeden Schnitt explizit genehmigen oder Anpassungen verlangen. Diese Genehmigung ist obligatorisch, bevor der nächste Schritt (Clip-Building und Rendering) beginnt. Die Fähigkeit unterstützt die Agenten-Plattformen von Claude Code, Cursor und Codex und sorgt durch diesen menschlichen Feedback-Loop für höchste kreative Kontrolle und Qualität.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Motion-Map (Planung – es wird hier nichts gerendert)

Delegierung

Starte einen motion-director-Agenten pro genehmigtem Schnitt, alle in derselben Nachricht. Übergib: Slug, Clip-ID und die Zusammenfassung der Permanenten Regeln aus ~/.lumiere/learnings.md + Kernpunkte aus visual-identity.md. Jeder Agent schreibt clips/<clip>/motion-map.json + motion-map.md und gibt eine Zusammenfassung zurück.

Genehmigung (obligatorisch)

  1. Zeige für jeden Schnitt die motion-map.md (Tabelle Zeit → was passiert → warum) kompakt an. Hebe die ersten 5 Sekunden hervor.
  2. Frage: genehmigen, mehr Bewegung, weniger Bewegung oder spezifische Anpassungen.
  3. Anpassungen: bearbeite die motion-map.json selbst (klein) oder sende sie erneut an den Agenten (groß, via SendMessage an denselben Agenten). Zeichne Vorlieben mit lumiere learn auf.
  4. Genehmigt: lumiere approve <slug> <clip> motion (speichert approved: true im JSON).

Schema (Referenz: templates/motion-map.example.json im Plugin-Stammverzeichnis)

Zeiten in Sekunden der endgültigen Zeitleiste (words.json). Ereignistypen:

typeFelderwo ausgeführt
text (Rolle hook/title/keyword/label)text, end, highlight[], position, anim, colorFilmcraft (native Grafik)
zoomend, scale (1,1–1,35), ease punch/smoothFilmcraft (Kamera)
shakeend, amountFilmcraft (Kamera)
flashduration, colorFilmcraft
image/stickerasset, end, position, size (Bruchteil der Breite), anim, rotationFilmcraft
brollasset (Video/Bild), end, source_in, ken_burnsFilmcraft, Vollbild
overlayengine hyperframes/remotion, template, props, end, keep_captionsRender per Code → WebM alpha
sfxsfx (Kategorie: whoosh, pop, impact, ding, riser, click, glitch, swoosh), gain_dbFilmcraft A2–A4
Jedes Ereignis akzeptiert sfx + sfx_offset. Ebene der Planung: camera, captions (engine filmcraft/remotion, hide, emphasis), progress_bar, music.

Fertige HyperFrames-Blöcke (templates/hyperframes/): hook-title, stat-card, list-reveal, three-object (three.js), word-kinetic (Wörter zum exakten Zeitpunkt). Für etwas Neues kann das Template custom sein – der clip-builder-Agent schreibt das HTML im Render-Schritt.

Individual skills in this repo

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

Verwandte Skills