AgentSkillsCN

vc-remotion-edit

在 Remotion 中调整字幕、布局与设计，随后进行重新渲染。当您希望修改 RenderComposition 或调整样式时，此技能将助您事半功倍。

SKILL.md
--- frontmatter
name: vc-remotion-edit
description: Remotionの字幕・レイアウト・デザイン調整を行い、再レンダリングする作業に使う。RenderCompositionやスタイルを変更したい時に使う。
metadata:
  short-description: Remotionの字幕やレイアウトを調整して再レンダリングする手順

vc-remotion-edit

概要

Remotion 側の見た目（字幕・色・位置・表示有無）を調整し、再出力する。

手順

  1. •編集対象
  • •apps/remotion/src/RenderComposition.tsx（字幕・動画・レイアウト）
  • •apps/remotion/src/Root.tsx（Composition 設定）
  1. •よくある調整
  • •字幕のフォントサイズ/位置/影を変更
  • •チャプター表示を非表示化
  • •背景色や余白を変更
  1. •反映
  • •bun run build
  • •bun run remotion:render -- --composition=horizontal|vertical --slug <動画>

注意

  • •字幕テキストは transcript_segments.json 由来。文言の修正は vc-caption-edit を使う。
  • •source.mp4 が大きい場合は vc run --trim-source を使う。
  • •字幕デザインのデフォルトは apps/remotion/src/RenderComposition.tsx。動画ごとは work/<動画>/caption_style.json で上書きでき、反映には vc run 再実行が必要。