Communitygithub.com

rTanure/lumiere-motion-map

各カットのモーションデザイン(最初の5秒のフック、ズーム、テキスト、画像、HyperFrames/three.js/Remotionオーバーレイ、効果音)をmotion-map.jsonに計画し、レンダリング前にユーザーの承認を得ます。Lumiereのステップ5 — 品質にとって最も重要な工程です。

lumiere-motion-map とは?

このスキルは、Lumiere動画制作パイプラインにおける各カットのモーションデザインを詳細に計画するためのものです。最初の5秒間のフック、ズーム、テキスト表示、画像配置、HyperFramesやthree.js、Remotionを用いた高度なオーバーレイ、効果音(SFX)などのすべての動きを`motion-map.json`に構造化して記述し、ユーザーの承認を得てからレンダリングに進みます。これにより、クリエイティブな方向性を事前に確定させ、レンダリング後の手戻りを防ぎます。また、各カットごとに`motion-director`エージェントが並行して計画を作成し、ユーザーは表形式の要約を確認した上で承認、調整(`lumiere learn`で好みを記録)、または却下を行います。対応プラットフォームはFilmcraftやRemotionなどで、Claude CodeやCursorといったAIエージェント環境で動作します。このステップはLumiere全体の品質を左右する最も重要な工程と位置づけられています。

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

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

モーションマップ(計画 — ここではレンダリングは行いません)

委任

承認されたカットごとに、同じメッセージ内でmotion-directorエージェントを1つ起動します。次のものを渡します: slug、clip id、~/.lumiere/learnings.mdの恒久的ルールの要約 + visual-identity.mdのキーポイント。各エージェントはclips/<clip>/motion-map.json + motion-map.mdを作成し、要約を返します。

承認(必須)

  1. 各カットについて、motion-map.md(時間 → 何を入れるか → 理由の表)をコンパクトに表示します。最初の5秒を強調します。
  2. 質問: 承認するか、モーションを増やすか、減らすか、または特定の調整を行うか。
  3. 調整: 自分でmotion-map.jsonを編集する(小規模)か、エージェントに再送信する(大規模、同じエージェントにSendMessage経由)。lumiere learnで好みの設定を記録します。
  4. 承認後: lumiere approve <slug> <clip> motion(JSONにapproved: trueを記録)。

スキーマ(参考: プラグインルートのtemplates/motion-map.example.json)

時間は最終タイムライン(words.json)の秒単位です。イベントの種類:

typeフィールド実行場所
text(role hook/title/keyword/label)text, end, highlight[], position, anim, colorFilmcraft(ネイティブグラフィック)
zoomend, scale(1.1-1.35), ease punch/smoothFilmcraft(カメラ)
shakeend, amountFilmcraft(カメラ)
flashduration, colorFilmcraft
image/stickerasset, end, position, size(幅に対する割合), anim, rotationFilmcraft
brollasset(動画/画像), end, source_in, ken_burnsFilmcraft、全画面
overlayengine hyperframes/remotion, template, props, end, keep_captionsコードでレンダリング → WebM alpha
sfxsfx(カテゴリ: whoosh, pop, impact, ding, riser, click, glitch, swoosh), gain_dbFilmcraft A2-A4
どのイベントでもsfx + sfx_offsetを受け入れます。プランレベル: camera、captions(engine filmcraft/remotion、hide、emphasis)、progress_bar、music。

用意されているHyperFramesブロック(templates/hyperframes/): hook-title、stat-card、list-reveal、three-object(three.js)、word-kinetic(正確なタイミングの単語)。新しいものが必要な場合、テンプレートはcustomにできます — clip-builderエージェントがレンダリングステップでHTMLを記述します。

Individual skills in this repo

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

関連スキル