Community画像github.com

ffan008/video-thumbnail-generator

動画の実際のフレームから、プラットフォーム対応のサムネイルやカバー画像を作成します。YouTubeカバー、Shortsカバー、Bilibiliカバー、小红书カバーなど、ユーザーがサムネイルを必要とするときに使用します。

video-thumbnail-generator とは?

このスキルは、動画の実際のフレームから高解像度でクリアなサムネイルやカバー画像を生成するためのものです。開発者やAIエージェントユーザーは、動画コンテンツの視覚的証拠を基に、本物の人物、製品、UI、シーンを正確に描写したサムネイルを作成できます。対応プラットフォームはYouTube、Bilibili、Shorts、TikTok、抖音、小红书、WeChatチャンネルなど多岐にわたり、アスペクト比やスタイルを自動調整します。ワークフローでは、プロジェクトの状態とトランスクリプトの確認、候補フレームの評価(表情、製品、アクション、構図、照明)、スタイルの分類と提案、そしてテキストの最適化(2~5語、可読性重視)を段階的に行います。参照ファイル(`references/thumbnail-styles.md`など)に基づいてスタイルを提案し、モバイルでの可読性や被写体の忠実性をチェックして調整を加えます。サムネイル生成に失敗した場合の既知のパターンも文書化されています。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ffan008/AlwaysCut/tree/HEAD/src/agent/skills/video-thumbnail-generator

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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

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

ドキュメント

Video Thumbnail Generator(動画サムネイル生成ツール)

このスキルを使用して、動画の実際のコンテンツから高精細なサムネイルまたはカバー画像を作成します。

譲れない条件

  1. 実際の動画を視覚的証拠として使用すること。

    • サムネイルに人物、製品、UI、フレーム、または動画のシーンが表示される場合は、実際のフレームを抽出または検査すること。
    • 一般的なソフトウェアインターフェース、偽の製品画面、無関係な人物を発明しないこと。
  2. スタイルを推奨する前に、スタイルの参考資料を読むこと。

    • references/thumbnail-styles.md と references/thumbnail-style-recipes.md を使用すること。
    • これらの参考資料でサポートされているスタイル方向、またはユーザーの明示的な指示のみを提供すること。
  3. テキストは短く、読みやすく保つこと。

    • 通常2~5語。
    • 細い書体、低コントラスト、小さなラベル、乱雑さを避けること。

ワークフロー

  1. 不足しているプラットフォームとアスペクト比を確認する。
    • YouTube / Bilibili:通常16:9。
    • Shorts / TikTok / 抖音:通常9:16。
    • 小红书 / WeChatチャンネル:通常3:4。
    • 曖昧な比率表現(特に4:3と3:4)は丁寧に修正する。
  2. プロジェクトの状態、トランスクリプト、利用可能なメディアコンテキストを読む。
  3. 候補フレームを検査する:
    • 表情豊かな顔
    • 製品またはUIがはっきり見える
    • 劇的なアクションの瞬間
    • クリーンな構図
    • 強い照明または被写体の明確な分離
  4. サムネイルジョブを分類する:
    • トーキングヘッド / 意見 / チュートリアル
    • 製品 / ソフトウェア / デモ
    • 映画的 / ドキュメンタリー / アート
    • エンターテイメント / チャレンジ / リアクション
    • 教育 / ビジネス / コンセプト
  5. 簡潔なタイトルテキストのオプションを提案する。
  6. 明確に異なる3~6のスタイル方向を提供する。
    • 各オプションは、チャンネルやスタイルラベルだけでなく、構図を指定すること。
    • 弱いオプションは除外する。
    • 方向性が明らかでない場合は、ユーザーの選択を待つ。
  7. 選択された実際のフレームとスタイルを使用してサムネイルオプションを生成する。
  8. モバイルでの可読性、被写体の忠実性、製品/UIの真実性、視覚的なコントラストをチェックする。
  9. 結果を提示し、対象を絞った調整を提供する。

プロンプトの形式

[プラットフォーム] サムネイル、[アスペクト比 / 寸法]、[スタイル名]。

構成: [被写体の位置、スケール、背景、グラフィックのバランス]
実際の参照: [選択したフレーム領域をゾーンごとに説明]
テキスト: "[短いタイトル]"([高コントラストスタイル])
スタイル: [参考資料からの一行スタイルレシピ]
制約: モバイルサイズで読み取り可能、偽のUIなし、透かしなし、再生ボタンなし。

参考資料

  • references/thumbnail-styles.md:実際のサムネイル分析からのスタイルライブラリ。
  • references/thumbnail-style-recipes.md:クイックスタイルレシピとプロンプトパターン。
  • references/field-testing-notes.md:既知の失敗パターン。

関連スキル