mcpField
Y
youtube-thumbnail

youtube-thumbnail

github.com/kenneth-liaoクリエイティブ・メディア12746 回インストール31 週間前に更新
リポジトリ

youtube-thumbnail について

YouTube動画のサムネイルを制作するクリエイター向けのスキルです。Thumbkit CLIの使用を必須とし、参考画像やレビュー工程を使ってデザインと編集を進めます。

主な機能

  1. 01Thumbkitによるサムネイル生成
  2. 02既存サムネイルの編集
  3. 03参考画像を使ったデザイン
  4. 04Thumbnail Reviewerによるコンセプト確認
  5. 05再生数が突出した動画のスタイル参照

活用シーン

  1. 01YouTube動画のサムネイル制作
  2. 02既存サムネイルの視覚要素の調整
  3. 03参考画像をもとにしたデザイン作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/kenneth-liao/ai-launchpad-marketplace --skill youtube-thumbnail

インストール後、Claude Code で/youtube-thumbnailを入力して読み込まれたか確認します。

同梱ファイルreferences/design-requirements.mdreferences/prompting-guidelines.md

詳細

YouTube サムネイルスキル

このスキルを使用すると、クリック率（CTR）の向上に最適化された、パフォーマンスの高い YouTube サムネイルを生成できます。サムネイルは、好奇心をかき立て、タイトルを補完し、視聴者がクリックしたくなるように設計されています。

Thumbkit

サムネイルの生成と編集に使用できる CLI ツール、Thumbkit を利用できます。すべてのサムネイルの生成と編集には、必ず Thumbkit を使用してください。

タスクを完了するには、Thumbkit の使用が必須です。Thumbkit は uv ツールとしてインストールされ、ユーザーのシステムでグローバルに利用できるものとします。Thumbkit がインストールされていない場合は、作業を進める前に必ずインストールしてください。

インストールの確認

Thumbkit がインストールされているか確認します。

thumbkit --version
インストール
uv tool install https://github.com/kenneth-liao/thumbkit.git
アップグレード
uv tool upgrade thumbkit
Thumbkit のドキュメント

CLI の完全なリファレンスドキュメントを確認するには、次のコマンドを実行してください。

thumbkit docs

🚨 必読 🚨

サムネイルを生成する前に、以下のドキュメントを必ず読んでください。

  1. references/design-requirements.md - デザイン要件に従うことで、実績のある戦略を活用し、クリック率の高いサムネイルを生成できます。
  2. references/prompting-guidelines.md - サムネイルの生成には Gemini 画像モデル（NanoBanana）を使用します。プロンプトのガイドラインに従うことで、Gemini 画像モデルからより予測しやすく、一貫性のある結果を得られます。
  3. thumbkit docs を実行して、Thumbkit CLI のリファレンスドキュメントをすべて読む必要があります。

高いコンバージョン率を実現するサムネイルを生成するには、デザイン要件とプロンプトのガイドラインの両方に従うことが必須です。従わない場合、タスクは失敗します。

参照画像

サムネイルの生成と編集のどちらでも、参照画像を指定できます。サムネイルのテンプレート、顔写真、アイコン、ロゴ、スタイル変換に使用する画像などが該当します。詳しくは、上記の「プロンプトのガイドライン」を参照してください。

参照画像はすべて、絶対パスで指定する必要があります。

公式ロゴの使用

企業ロゴを使用する場合は、単に説明するのではなく、画像ファイルの絶対パスを指定して実際の画像を使用してください。Nanobanana は一般的な企業ロゴの見た目を把握していません。

企業ロゴがローカルにない場合は、オンラインで検索し、curl を使ってダウンロードしてから、プロンプトでダウンロードした画像の絶対パスを指定してください。ダウンロードした画像はすべて ./youtube/downloads/ に保存します。ディレクトリが存在しない場合は作成してください。

よくある間違いと回避方法

❌ 誤り：「オレンジ色の C 字型をした Claude AI のロゴを作成する」 ✓ 正しい：実際のロゴファイルを参照画像として指定する

❌ 誤り：「Python のロゴを追加する」 ✓ 正しい：/absolute/path/to/python-logo.png を参照画像として使用する

実績のあるデザイン

動画のタイトルや内容がわかっている場合は、関連する OUTLIER 動画を YouTube で検索できます。OUTLIER に注目してください。すでに高い効果が実証されており、クリック率が高い可能性も非常に高いためです。チャンネル登録者数に比べて再生回数が多い動画は、OUTLIER に該当します。たとえば、チャンネル登録者数が 5,000 人未満なのに、再生回数が 10,000 回以上の動画は OUTLIER です。

OUTLIER 動画のリストができたら、そのサムネイルを入手して、スタイル変換に使用できます。

動画 ID が「rmvDxxNubIg」の標準画質サムネイルの URL の例を以下に示します。 https://img.youtube.com/vi/rmvDxxNubIg/sddefault.jpg。curl を使って画像を ./youtube/downloads/outliers/ にダウンロードし、画像ファイルを読み込んで内容を確認できます。スタイル変換に使用する際は、参照画像として指定してください。

ワークフロー

サムネイルのコンセプトを生成する

最初のサムネイルのコンセプトまたはプロンプトを生成したら、必ず Thumbnail Reviewer エージェントを使用してコンセプトをレビューし、フィードバックをもらってください。レビュアーは批評を行い、改善案を提案します。レビュー担当者のフィードバックを検討し、次に進む前に反映してください。生成、レビュー、再生成のループは絶対に1回を超えて行わないでください。

サムネイルを最適化する

Thumbkit を使ってベース画像を編集できるため、以前に生成したサムネイルを繰り返し変更・改善できます。たとえば、サムネイルを生成した後で配色を変更したい場合は、次のようにします。

thumbkit edit \
  --base absolute/path/to/original-thumbnail.png \
  --prompt "Keep everything the same, but change the text color to bright red."

生成したサムネイルは必ずレビューし、すべてのデザイン要件と当初の意図を満たしていることを確認してください。満たしていない場合は、元のサムネイルを編集して繰り返し改善できます。生成、レビュー、再生成のループは絶対に1回を超えて行わないでください。

ユーザーのアセット

ユーザーがローカル環境でアセット（サムネイルのテンプレート、顔写真、アイコン、ロゴなど）を指定している場合、関連性があればサムネイルへの取り込みを優先してください。たとえば、実際の人物が写っているサムネイルは、より高い成果を上げることが示されています。

コメント

Markdown 対応