Communitygithub.com

atlantis-mk/kinetic-tech-remotion-template

このリポジトリのテクノロジー解説動向テンプレートを使って、1本の動画と3種類のカバー画像を作成します。パラメトリックシーン、縦横画面、プログラム音声、ローカルメディア入力をサポートします。実際の制作開始時のみ work/ を作成します。

kinetic-tech-remotion-template とは?

このスキルは、Remotionベースのテクノロジー解説動画テンプレートを利用して、1本のフル動画と3種類のカバー画像(4:3、3:4、16:9)を制作するための手順を提供します。パラメトリックなシーン構成、横画面・縦画面の両対応、プログラムで生成される効果音、ローカルの画像・動画・音声ファイルの入力に対応しており、オーディオの自動調整やTTSは含まれません。対応プラットフォームはClaude Code、Cursorなどエージェント型開発環境を想定しており、スキルがアクティブになると `pipeline.py init --install` でプロジェクトを初期化し、`work/project/content.json` を編集することで各シーンの内容をカスタマイズします。検証は `validate`、`check`、`preview`、`render`、`verify` の順で行い、最終成果物として動画と3枚のカバー画像を `work/delivery/` に出力します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/atlantis-mk/kinetic-tech-remotion-template/tree/HEAD/.agents/skills/make-video

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

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

ドキュメント

テクノロジー解説動画を1本制作する

まずルートの AGENTS.md を読んでください。これが唯一の制作ルールです。このスキルは技術的な手順を提供します。

  1. template.md を読み、スタイルと機能の境界を確認します。タスクを再開する場合は、まず task-state.md を読み、ルートの work/task.json と実際のファイルをチェックします。
  2. 制作を開始する場合のみ python3 .agents/skills/make-video/scripts/pipeline.py init --install を実行します。これにより実際のプロジェクトがコピーされ、既存の変更が保持され、プログラム音声が生成されます。テーマがない場合は要件を整理し、デフォルトのサンプルをそのままユーザーの完成品として使用しないでください。
  3. work/project/content.json で、シーンごとに台詞、指標、注釈、ニュース、コード、カバーを書き換えます。シーンは並べ替え、複製、長さの変更が可能です。設定は実際のZodスキーマとタイムライン検査によって制約されます。既存のシーンにない新しいビジュアル要素が必要な場合は、タイトルだけでなく現在の src を変更します。パラメータとメディア操作については remotion.md を参照してください。
  4. 元の素材は work/input に保存し、実際に使用する派生素材は work/project/public に置き、相対パスで参照します。必要に応じてナレーション、効果音、字幕を追加します。デフォルトはプログラム音声で、TTSや自動アライメントはありません。ナレーションの意味を確認してからタイムラインを配置します。
  5. validate、check、preview --frames 0-59 を実行し、各シーンの開始フレーム・中間フレーム・終了フレームと有声短編を確認し、必要に応じてセグメント範囲を変更します。その後 render、verify を実行します。技術レポートは視聴覚で合格したとは主張しません。
  6. 実際にキーフレーム、トランジション、完成動画、3枚のカバーを確認し、有声プレビューを聴き、ルールに従って受け入れとタスクステージを記録します。変更後は関連する成果物を再レンダリングします。
  7. デフォルトの成果物は work/delivery/video.mp4、cover-4x3.png、cover-3x4.png、cover-16x9.png です。ユーザーが別のリストを要求した場合は、まず task.deliverables と実際のレンダリング能力を確認します。

テンプレートをメンテナンスする場合は assets/project-template を変更し、ルートの tests にある分離テストを使用します。メンテナンスのためにルートの init を実行しないでください。テンプレートのメタデータプロトコルについては readme-format.md を参照してください。

関連スキル