Claude Code Remotionで動画制作コスト0
Claude Code Remotionで動画制作コスト0
基本情報
- 種類: 記事
- 日付: 2026-03-19
- ソース: https://x.com/0x__tom/status/2033303224782839848
核心
[[Claude Code]]とRemotionを組み合わせると動画制作コストが実質$0に。Reactコンポーネントがそのまま動画になるフレームワークで、慣れると1本10分で作れる。
構造図
flowchart TD
A["[[Claude Code]]とRemotionを組み合.."] --> B["Reactコンポーネントがそのまま動画になるフレームワー.."]
style B fill:#c05746,color:#fff,stroke:none
Remotionとは
- Reactで書いたコンポーネントがそのまま動画になるフレームワーク
- GitHubスター39,500
- 個人・3名以下の企業は無料
- 4名以上の営利企業はCompany License必要
やり方
- Remotionをインストール
- Claude Codeにremotion公式スキルを追加(
npx skills add remotion-dev/skills) - transitions・animationsなど37以上のルールファイル含む
- 各リールはReactコンポーネントとして書く
- Claude Codeがシーン生成、人間がタイミング微調整
速度
- 最初のリール: 1時間
- 2本目: 30分
- 慣れると: 10分/本
- テンプレート再利用で加速度的に速くなる
注意点
- 実質$0はClaude Codeサブスク代を除いた話
- チーム利用ならRemotionのライセンス費用もかかる