Communitygithub.com

rTanure/lumiere-motion-map

Planifie le motion design de chaque plan (crochet des 5 premières secondes, zooms, textes, images, overlays HyperFrames/three.js/Remotion, SFX) dans un fichier motion-map.json et obtient l'approbation de l'utilisateur avant tout rendu. Étape 5 de Lumiere — la plus importante pour la qualité.

Qu'est-ce que lumiere-motion-map ?

Cette compétence, faisant partie du pipeline Lumiere, est dédiée à la planification du motion design plan par plan. Elle génère un fichier `motion-map.json` détaillant chaque événement visuel (texte, zoom, image, overlay, SFX) avec des timings précis basés sur la timeline finale. L'étape cruciale d'approbation humaine garantit que l'utilisateur valide chaque plan avant tout rendu, permettant des ajustements précis et l'enregistrement des préférences via la commande `lumiere learn`. Fonctionne avec des outils de rendu comme Filmcraft, HyperFrames (three.js) et Remotion, et s'intègre aux agents `motion-director` et `clip-builder` pour une création vidéo pilotée par l'IA.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Motion map (planification — rien n'est rendu ici)

Délégation

Déclenchez un agent motion-director par plan approuvé, tous dans le même message. Passez : slug, clip id, et le résumé des Règles permanentes de ~/.lumiere/learnings.md + points clés du visual-identity.md. Chaque agent écrit clips/<clip>/motion-map.json + motion-map.md et renvoie un résumé.

Approbation (obligatoire)

  1. Pour chaque plan, affichez le motion-map.md (tableau temps → ce qui entre → pourquoi) de manière compacte. Mettez en évidence les 5 premières secondes.
  2. Demandez : approuver, plus de motion, moins de motion, ou ajustements spécifiques.
  3. Ajustements : modifiez vous-même le motion-map.json (petit) ou renvoyez à l'agent (grand, via SendMessage au même agent). Enregistrez les préférences de goût avec lumiere learn.
  4. Approuvé : lumiere approve <slug> <clip> motion (enregistre approved: true dans le JSON).

Schéma (référence : templates/motion-map.example.json à la racine du plugin)

Temps en secondes de la timeline finale (words.json). Types d'événement :

typechampsoù est fait
text (rôle hook/title/keyword/label)text, end, highlight[], position, anim, colorFilmcraft (graphique natif)
zoomend, scale (1.1-1.35), ease punch/smoothFilmcraft (caméra)
shakeend, amountFilmcraft (caméra)
flashduration, colorFilmcraft
image/stickerasset, end, position, size (fraction de la largeur), anim, rotationFilmcraft
brollasset (vidéo/image), end, source_in, ken_burnsFilmcraft, plein écran
overlayengine hyperframes/remotion, template, props, end, keep_captionsrendu par code → WebM alpha
sfxsfx (catégorie : whoosh, pop, impact, ding, riser, click, glitch, swoosh), gain_dbFilmcraft A2-A4
Tout événement accepte sfx + sfx_offset. Niveau du plan : camera, captions (engine filmcraft/remotion, hide, emphasis), progress_bar, music.

Blocs HyperFrames prêts (templates/hyperframes/) : hook-title, stat-card, list-reveal, three-object (three.js), word-kinetic (mots au temps exact). Pour quelque chose de nouveau, le template peut être custom — l'agent clip-builder écrit le HTML à l'étape de rendu.

Individual skills in this repo

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

Skills associés