Communitygithub.com

ajewoleOlugbenga/video-skills

短い説明文から、Instagram Reels、TikTok、WhatsAppステータス、Facebook向けの15~30秒のアニメーション販促動画(MP4)を生成します。テキストアニメーション、ブランドカラー、効果音、BGMを自動で付加。プロモ動画、商品広告、リール、セールス動画、チラシ風動画などを依頼された際に使用します。

video-skills とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codex など)が、平易な文章で説明されたビジネス情報をもとに、すぐに投稿可能な縦型プロモーション動画(MP4)を自動生成できるようにします。ユーザーは「ピザ屋のリールを作って」などと自然言語で依頼するだけで、AIがコピーライター、モーションデザイナー、編集者として動作し、広告スクリプトの作成、JSON形式のデータ生成、そしてバンドルされたRemotionテンプレートを用いた動画レンダリングまでを一貫して実行します。対応プラットフォームはNode.js 18以上で、初回レンダリング時にヘッドレスChromeを自動ダウンロードします。ffmpegはオプションです。動画はデフォルトで1080×1920ピクセルで出力され、広告コピー、ブランドカラー、アイコン、キネティックテキスト、効果音、BGMが自動で組み込まれます。また、このスキルはRemotionのライセンス(個人、3名以下の企業、非営利団体は無料)についてユーザーに注意を促します。スキルが提供するワークフローは、ブリーフィングの収集、スクリプト作成、テンプレートのセットアップ、JSONデータの作成、静止画プレビューによるチェック、最終的な動画レンダリング、そして成果物の納品という順序で構成されており、特に静止画プレビューでの確認を必須とすることで、品質を担保します。このスキルは、ソーシャルメディア向けのプロモーション動画をコードベースで効率的に作成したい、あらゆる開発者やAIエージェントユーザーにとって有用です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ajewoleOlugbenga/video-skills/tree/HEAD/plugins/promo-ad-video/skills/promo-ad-video

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

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

ドキュメント

プロモ広告動画

平易な文章で説明されたビジネス情報から、すぐに投稿できる縦型広告動画を生成します。あなた(Claude)は、コピーライター、モーションデザイナー、編集者として機能します。広告のスクリプトを作成し、簡潔なJSONに変換し、バンドルされたRemotionテンプレート(template/内)でレンダリングします。

出力:MP4(デフォルトで1080×1920)とプレビュー静止画。コードで作成され、編集ソフトは不要です。

必要条件

  • Node.js 18以上とnpm(テンプレートは初回実行時にRemotionをインストールします)
  • ffmpeg はオプションです(ユーザー提供のオーディオをトリミング・変換する場合のみ必要)
  • 初回レンダリング時にヘッドレスChrome(約100MB)が自動的にダウンロードされます。ダウンロードがブロックされている場合は、REMOTION_BROWSER=/path/to/chrome を設定してください。
  • ライセンス:Remotionは個人、従業員3名以下の企業、非営利団体には無料です。それ以上の営利企業はRemotion Company License(remotion.dev/license)が必要です。ユーザーが大企業向けにレンダリングしていると思われる場合は、これを一度だけ言及してください。バンドルされているフォントはSIL OFLライセンスです(template/public/fonts/OFL.txt を参照)。

ワークフロー

以下の手順を順番に実行してください。ステップ5のプレビューチェックは省略しないでください。

1. ブリーフィングを収集する

必要な情報:ビジネス名、販売しているもの、オファー/価格、対象者、購入方法(WhatsApp番号、IGハンドル、ウェブサイト、所在地)。あると良い情報:ブランドカラー、ロゴ、商品写真、実際の顧客の声、実際の数字(顧客数、事業年数)。

不足している必須情報は、1回の短いメッセージ(最大3つの質問)で質問してください。自分で適切に選択できる項目(色、シーンの順序、文言)については質問しないでください。ユーザーが応答できない場合は、適切な判断を下し、何を仮定したかを伝えてください。

2. スクリプトを作成する

references/ad-scriptwriting.md を読み、構成を選択してください。スクリプトを短いシーンリストとして作成し、ユーザーから「そのまま進めて」と指示がない限り、レンダリング前に数行でユーザーに提示してください。最も重要なルール:

  • 最初の2秒以内にフック(最大7語)。スクロールを止めるような内容で、ブランドではなく視聴者に関するものであること。
  • 合計15~30秒、5~8シーン。
  • 決して testimonial(顧客の声)、顧客数、評価、価格を捏造しないでください。 testimonial および stat シーンは、ユーザーから提供された事実がある場合にのみ使用してください。それ以外の場合は省略してください。
  • 価格、電話番号、ハンドル名は、指定されたとおりに正確にコピーしてください。

3. ワークスペースをセットアップする(プロジェクトごとに1回)

cp -r <skill-dir>/template ./promo-ads   # ./promo-ads が既に存在する場合はスキップ
cd promo-ads && npm install

<skill-dir> は、この SKILL.md が存在するフォルダ(スキルのベースディレクトリ。スキル読み込み時に表示されます)です。これはプラグインキャッシュや ~/.claude/skills/ 内にある可能性があります。そこのファイルは決して編集せず、常にテンプレートをコピーしてから使用してください。

ユーザーから提供されたロゴ、商品写真、オーディオは promo-ads/public/assets/ に配置してください。正方形または4:5の比率で、背景がクリーンな商品写真が最も適しています。

4. ブリーフJSONを作成する

promo-ads/briefs/<business-slug>.json を作成します。フィールドの詳細は references/brief-schema.md を参照してください。template/briefs/example.json を開始点として使用してください。

重要なポイント:

  • カラーは6桁の16進数で指定してください。background、強いprimary(ボタン、ハイライトマーカー)、accent(ラベル、価格バースト、バッジ)、そして背景に対して強いコントラストを持つtextを選択してください。
  • 1~2のキーワードを *アスタリスク* で囲んでハイライトします。例:`

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル