Video Ninja
Jump Skill — 映像タスクを、10のリポジトリと1つの有名ソースからの79のグローバルインストール済みスキル、ローカル同期リポジトリからのAnatomyおよびDaVinci Resolve編集スキル、さらにMy-Little-Studioパイプラインから抽出された方法論レイヤーにルーティングするマスターオーケストレーター。
この忍者は、あらゆる映像タスクをインストール済みまたはローカル同期されたスキルにルーティングします。これが必須のエントリポイントです。映像スキルを選択する前にこれを読んでください。
この忍者が存在する理由
10のグローバルインストール済みソースリポジトリは、レンダリング、メディア処理、クラフト、フレームワーク、アニメーションライブラリ、アートスタイル、および3Dグラフィックスサブシステムをカバーしていますが、それぞれがサイロ化されています。HyperFramesはビデオをレンダリングできますが、品質に関する意見はありません。motion-video-kitには品質ドクトリンがありますが、レンダラーはありません。RemotionはHyperFramesのプラグインではなく、代替フレームワークです。opus-video-skillsは水彩画やキネティックタイポグラフィなどの特徴的なルックをもたらしますが、他のリポジトリのクラフトドクトリンはありません。ffmpeg-skillは既存のフッテージを処理しますが、スクラッチからコンポジションを構築しません。gsap-skillsは正しいGSAPパターンを教えますが、ビデオエンジンではありません。dotlottie-webはLottieアセットを処理しますが、それらをビデオに合成しません。Three.jsパックは高度な3Dグラフィックスサブシステムを提供しますが、映像を計画も配信もしません。
この忍者は、それらを選択して接続し、エコシステムに何がまだ不足しているかを追跡するレイヤーです。
黄金律
/hyperframesはビデオ作成とコンポジションのデフォルトのエントリポイントです。 10のワークフローから選択し、必要に応じてドメインスキルをロードします。DaVinci Resolve Studioで構築する必要があるフッテージ編集には、代わりにオプションのvideo-editor-skillsルートを使用します。 この忍者はHyperFramesのルーティングを置き換えるものではありません。どのレイヤーを使用すべきか、そしていつHyperFramesだけでは不十分かを示します。
ビデオ作成、アニメーション、コンポジション、レンダリングには、/hyperframesから始めてください。トーキングヘッド、vlog、またはResolve Studioで構築する必要があるクラスタイムラインには、ゲートされたvideo-editor-skillsルートを使用してください。その他の例外には、Remotion、スクリーンキャプチャ、クラフトドクトリン、パイプラインメソッド、およびreferences/youtube-video.mdのYouTubeビデオステアが含まれます。
グローバルインストール済みソースリポジトリ
| リポジトリ | スキル数 | レイヤー | ステータス |
|---|---|---|---|
heygen-com/hyperframes | 27 | レンダラー + ドメインスキル | インストール済み、Apache-2.0 |
kajisho5/ffmpeg-skill | 1 (42ツール) | メディア処理 | インストール済み、MIT |
echris6/motion-video-kit | 1 | 品質ドクトリン | インストール済み、MIT |
remotion-dev/skills | 12 | 代替フレームワーク | インストール済み |
Rieranthony/product-film-skill | 1 | スクリーンキャプチャ | インストール済み、MIT |
tugrawork-creator/saas-motion-kit | 1 | バラエティと反復防止 | インストール済み |
tuzhechen2005/opus-video-skills | 2 | プロシージャルアートスタイル | インストール済み、MIT |
greensock/gsap-skills | 8 | 公式GSAPスキル：タイムライン、ScrollTrigger、プラグイン、React | インストール済み、MIT |
LottieFiles/dotlottie-web | 1 | モダンLottieプレーヤー：Rust+WASM、ステートマシン、テーマ | インストール済み、MIT |
scottstts/Threejs-Awesome-Graphics-Agent-Skills | 24 | 高度なThree.jsグラフィックスサブシステム | 独自のインストーラーでインストール済み；同期から除外（~261 MB）、MIT |
グローバルインストール済みスキルの出所は~/.agents/.skill-lock.jsonに記録されています。Three.jsパックは例外で、独自のインストーラー（npx threejs-awesome-graphics-agent-skills@latest install --agent universal）がロックファイルエントリなしで~/.agents/skills/にインストールします。fframes-videoはfframes.studioを通じて個別にインストールされます。
ローカル同期ソーススキル
| リポジトリ | スキル | 役割 | ライセンス |
|---|---|---|---|
wheresryan22/anatomy | anatomy | 解説用アイソメトリックテクニカルフィギュア | MIT |
appariciojunior/video-editor-skills | 12スキル | DaVinci Resolve Studioでのオプションのファーストパス編集 | CC BY-NC 4.0；非商用利用のみ |
両方ともルートrepos.mdで宣言され、repos/video-ninja/の下に同期されているため、Ninjaは必要に応じてそれらの指示をロードできます。references/repos.mdを参照してください。
フィルムスタイルライブラリとキャラクターキット
| リポジトリ | 追加するもの | Ninjaの使用方法 | ライセンス |
|---|---|---|---|
lemomo-ai/lemo-opuscar | コードで作成された66のフィルムスタイル、各スタイルにデモフィルム、STYLE.md、ディレクターズガイド付き | lemo-opuscarスキル（Claudeプラグイン）を通じて使用。独自のスパースライブラリを~/lemo-opuscarに保持。同期なし（~195 MB） | コードはMIT；デモフィルムはCC BY 4.0 |
Vincentwei1021/mg-styles-15 | 完全なプロンプト、ソース、レンダラー、レビュールーブリック付きの15のモーションデザインスタイル | 必要に応じてprompts/、harness/、lib/をスパースチェックアウト。同期なし（~1.2 GB） | MIT |
JohnHeibel/ClaudeAnimationBase | p5.brush手描きキャラクターキット：31の感情、ビュー、ジェスチャー、帽子、コンタクトシートレビュー | repos/video-ninja/ClaudeAnimationBase/の下にローカル同期。ANIMATION_GUIDE.mdを読むこと | MIT；Claudeに関するビデオでのみClawdを使用。それ以外は独自のキャラクターを使用 |
ファミリー、スタイル、インストール手順、ライセンスノート： references/film-families-and-styles.md。
個別インストールされたスキル
| ソース | スキル | 役割 | インストール方法 |
|---|---|---|---|
fframes.studio | fframes-video | Skia GPU、FFmpeg、エージェント読み取り可能なQAを備えた代替Rust/SVGレンダラー | 有名ソース、グローバルにインストール済み |
評価済みの未インストール外部ツール
| ソース | 役割 | 検討すべき場合 | ステータス |
|---|---|---|---|
m-bain/whisperX | ワードレベルのタイムスタンプとダイアライゼーション付きローカルASR | ワードタイミングや話者識別が必要なトーキングヘッド、インタビュー、ポッドキャスト作業 | オプションのバックエンド；未インストール。references/whisperx.mdを参照 |
airbnb/lottie-web | After Effects Lottieアニメーション用プレーヤー | HyperFramesコンポジションでプロジェクト提供の.json Lottieアセットを再利用する場合 | オンデマンド依存関係；Ninjaによってインストールされません。references/lottie.mdを参照 |
ManimCommunity/manim | 数学的アニメーション用Pythonエンジン | 別のレンダラーとアダプターを正当化する定期的な数学解説 | 評価済み、未インストール。ツイートは3b1b/manim（ManimGL）にリンク。references/repos.mdを参照 |
rive-app/rive-wasm | ネイティブステートマシンによるインタラクティブアニメーション | プロジェクトにRive Editorからの.rivアセットがある、またはアプリの状態に反応するアニメーションが必要な場合 | オンデマンド依存関係。references/rive.mdを参照 |
goldfire/howler.js | Webオーディオ制御：スプライト、フェード、空間オーディオ | 正確なタイミングが必要なサウンドエフェクト、オーディオスプライト、3D位置オーディオ | オンデマンド依存関係。references/howler.mdを参照 |
vercel/satori | タイトルカードとサムネイル用JSX → SVG | データからタイトルカード、サムネイル、テキストが多いグラフィックスをバッチ生成 | オンデマンド依存関係。references/satori.mdを参照 |
Anatomyはビジュアルアセットまたはシーンを生成し、完成したビデオは生成しません。そのソースは{{JUMP_SKILLS_DIR}}/repos/video-ninja/anatomy/で同期されています。ルーティングするときは、そのリポジトリのSKILL.mdを読んでください。フィギュアを構築して検査し、出力を/hyperframesに持ち込み、モーション、コンポジション、レンダリングのドクトリンに従ってください。パスがない場合、Anatomyは利用不可として扱い、references/anatomy.mdで説明されているフォールバックを使用してください。
WhisperXやManimがインストールされているか利用可能であると想定しないでください。Lottieはアセットフォーマットです。プロジェクトがすでにその種のアニメーションを含んでいる場合にのみ、そのプレーヤーをロードしてください。
追加のリファレンスドキュメント
以下のツールは、オンデマンドで使用するためにリファレンスフォルダに文書化されています：
| ツール | リファレンス | ユースケース |
|---|---|---|
| Rive | references/rive.md | ステートマシンによるインタラクティブアニメーション；プロジェクトに.rivアセットがある場合のLottieの代替 |
| Howler.js | references/howler.md | Webオーディオ制御：スプライト、フェード、空間オーディオ；/hyperframes-audioを補完 |
| Satori | references/satori.md | タイトルカード、サムネイル、OG画像用JSX → SVG；テキストグラフィックスのバッチ生成 |
| YouTubeビデオ | references/youtube-video.md | 解説モーショングラフィックス付きの洗練されたYouTubeビデオに編集された生のトーキングヘッド |
これらのツールはインストールされたスキルではありませんが、特定の機能が必要な場合に備えて文書化されています。YouTubeビデオの行はパイプラインステアであり、ライブラリではありません。
さらに5つのパイプラインステアは、コンポジション用のグラフィックスを作成する際に使用されるアセットツールをカバーしています： excalidraw.md（ビデオアセットとしての手書き図）、 penpot.md（公式MCP付きオープンソースデザインソース）、 fontsource.md（決定論的レンダリング用セルフホストフォント）、 lucide.md（UIアイコンセット）、 svgo.md（アニメーション安全なSVG最適化）。これらのいずれもスキルをインストールしません。
エンジンマップ
ソースイメージは、コンポジションエンジン、プロジェクトフレームワーク、ファイルエディターを混在させています。ワークフローを選択する前に、これらの区別を使用してください：
| エンジン | 仕組み | 選択すべき場合 | Ninjaでのステータス |
|---|---|---|---|
| HyperFrames | ヘッドレスChrome + FFmpegでHTML/CSS/JS | 新しいコンポジション、モーションデザイン、エージェント指示ビデオ | デフォルト、インストール済み |
| ffmpeg-skill | プローブ → 編集 → 既存ファイルの検証 | カット、結合、オーディオノーマライゼーション、マルチカム、配信 | 処理、インストール済み |
| fframes-video | フレームごとのRust/SVG、Skia GPU、FFmpeg、インスペクションCLI | 高スループットのベクターレンダリング、バッチ作業、自動レビュー | 代替エンジン、インストール済み |
| Remotion | React/TypeScript、ローカルまたはLambdaレンダリング | 既存のReactプロジェクト、コンポジションポート、分散レンダリング | 代替フレームワーク、インストール済み |
| Motion Canvas / Revideo | TypeScriptジェネレーター；RevideoはReactプレーヤー、ヘッドレスレンダリング、動的入力を追加 | Motion Canvasはエディターベースのベクターアニメーション用；Revideoはパラメータ化されたテンプレートとNode/サーバーレスレンダリング用 | 評価済み；スキルはインストールされていません |
| MoviePy | Pythonクリップ、コンポジション、フレームエフェクト | データ駆動型Pythonパイプラインまたはコンポジションプロトタイプ | 評価済み；スキルはインストールされていません |
| Manim Community Edition | プログラムによる数学アニメーション用Python | 数学、チャート、幾何学に関する定期的な解説 | 評価済み；スキルまたはアダプターはインストールされていません |
スキルがルーティング、レンダリングコントラクト、検証を定義するまで、Motion Canvas、Revideo、MoviePy、ManimCEをインストール済み機能として提示しないでください。プロジェクトがすでにこれらのツールのいずれかを使用している場合、Ninjaはそれを保持し、同じモーション、オーディオ、検証ドクトリンを適用できます。
プロダクションの前にRemotionのライセンスを確認してください：そのコードはソース利用可能であり、無料ライセンスは個人および最大3人の組織をカバーします。大規模なチームまたは自動化された使用には、Company Licenseが必要な場合があります。MITまたはOSI承認のオープンソースとして説明しないでください。
ルーティング
ステップ1 — これは実際に映像タスクですか？
もし映像タスクでない場合、この忍者は適用されません：
| リクエスト | ルート先 |
|---|---|
| ウェブサイト/アプリ | impeccable、apple-design |
| UIアニメーションのみ（ビデオではない） | animate、improve-animations（Emil Kowalskiパック） |
| マーケティングコピーまたはスクリプトのみ | copywriting、social |
ステップ2 — 成果物でルーティング
/hyperframesに10のワークフローから選択させます。 その優先度テーブルが信頼できる情報源です。この忍者が必要とするのは、追加するレイヤーを特定することだけです：
| リクエスト | ワークフロー | 追加のNinjaレイヤー |
|---|---|---|
| トーキングヘッドにキャプション | /embedded-captions | + /captions-overlay |
| ポッドキャストにオーバーレイカード | /talking-head-recut | + /cut-the-curve |
| 製品またはURLプロモーション | /product-launch-video | + /motion-doctrine、/seam-craft、§プロダクトローンチ |
| 毎週のチェンジログビデオ | /changelog-video | — |
| スクリーンレコーディング → デモ | /product-film（専用スキル） | §Remotionを参照 |
| ビジネスフィルム（実写、AI、プレミアム） | /business-motion-film | §ドクトリンを参照 |
| 反復防止SaaSプロモーション | /saas-motion-video | §ドクトリンを参照 |
| 水彩画風カートゥーン / カラオケ歌詞ビデオ | /painted-animation | §アートスタイルを参照 |
| キネティックタイプショーリール / ポートフォリオ | /kinetic-reel | §アートスタイルを参照 |
| アイソメトリック機構またはオブジェクトを使用した技術解説 | Anatomy（同期されている場合） | ローカルのSKILL.mdを読み、SVG/HTMLを構築して検査；アセットを/hyperframesに持ち込み、コンポジションとレンダリングを行う。references/anatomy.mdを参照 |
| DaVinci Resolve Studioでのトーキングヘッド、vlog、またはクラス編集 | video-editor-skills（同期されており、ライセンスが許可する場合） | ローカルのskills/edit-video/SKILL.mdを読む；Studioのスクリプトと商用利用を確認 |