video-shotcraft

video-shotcraft は、Claude Code や Codex をモーションデザインスタジオに変えるオープンソースのエージェントスキルです。プロダクトを渡すと、Remotion 上で絵コンテ・アニメーション・サウンドデザインを行い、映画的なプロモ・マーケティング・ローンチ・デモ動画を制作します。実画面キャプチャ、2.5D カメラワーク、ビート同期のカット、映画グレードの効果音を含みます。一次ソース：github.com/Vincentwei1021/video-shotcraft（Apache-2.0、2026-08-22 時点で約 6,000 スター）。検索可能な モーションプレビューギャラリー もあります。

主な機能

• 152 枚のショットレシピカード：用途、エネルギー、推奨尺、パラメータ、実装メモ、既知の落とし穴を 10 カテゴリに分けて収録。
• 209 のモーションプレビュー：オンラインギャラリーで検索・絞り込み可能。実際のイージングとタイミングを反映した Remotion TSX デモ付き。
• 本番向けテンプレート：「Ink Press」は検証済みの 36.2 秒・1920x1080・30fps プロモテンプレート。10 ショット、2.5D ページカメラ、タイトルカード、トランジション、映画グレードの SFX パス付き。
• オーディオライブラリ：5 曲の BGM と、16 のシーン/素材カテゴリにわたる 149 の SFX（transition、impact、riser、camera、ui、text、paper、film、light、data、scifi、mech、glass、fluid、crowd、counter）。md5 で重複排除し、ライセンス URL を保持。
• 剪映（CapCut CN）プロジェクト書き出し：完成動画を編集可能な剪映ドラフトとして書き出し、ショットごとの速度・字幕・音声を編集可能（macOS 剪映プロ 11.2 で検証）。
• 制作メソドロジー：撮影、ビジュアルディレクション、絵コンテ、サウンドデザイン、ビート同期、最終 QA のルールを SKILL.md と references/ に収録。

使用シナリオ

• Web・デスクトップ製品のプロモ動画：ツールキットの主目的。
• 機能デモ、ブランドフィルム、ローンチ動画：個々のショットカードを再利用可能。
• 個人開発者・マーケター：モーションデザイナーを雇わずにローンチ級の動画を作りたい人向け。

解決する問題

1. モーションデザインの知識が不要：エージェントがレシピカードに沿って絵コンテ・アニメーション・サウンドデザインを実行。
2. PPT レベルのアニメーションからの脱却：ショットカードは実際のカメラワーク、トランジション、ビート同期カット、SFX を記録。
3. 再現可能な品質：検証済みテンプレートと決定的な Remotion コンポーネントで安定した成果物を生成。

料金プラン

はじめに

1. インストール：npx skills add Vincentwei1021/video-shotcraft。またはエージェントに「Install this skill for me: https://github.com/Vincentwei1021/video-shotcraft」と指示。
2. プロダクトを渡す：「Use video-shotcraft to create a promo for my desktop product」。
3. 最速の成片経路は Ink Press テンプレート。または先にギャラリーでショットを選ぶ。
4. 自社のスクリーンショット・コピー・ブランディングに差し替え。公開前に必ずデモ素材を置き換える。

よくある質問

Claude Code と Codex で動きますか？

はい。~/.claude/skills/video-shotcraft または ~/.codex/skills/video-shotcraft にインストールします。両方の手順がドキュメントにあります。

Remotion の知識は必要ですか？

不要です。スキルが Remotion を管理します。Remotion 自体のライセンスは個人・小規模チーム向けに無料です。

レンダリング後に編集できますか？

はい。剪映（CapCut CN）書き出しでは、ショットごとの速度・字幕・音声を編集できます。

代替案

• Claude Skills：Anthropic 公式のスキルエコシステム。
• カタログ内の他のコミュニティスキルとして Emergency Card も参考に。

ヒント

1. 低コアのヘッドレスマシンでは --concurrency=1 を付け、ローカルの chrome-headless-shell を指定。
2. サウンドデザインは先に SFX カテゴリ、次に音色を選ぶ。
3. 公開前に必ず内蔵のプロダクトスクリーンショットを自社素材に置き換える。