mike-convex-thumbnail

Mike Convex サムネイル

画像モデル、Mike のローカル切り抜き写真、ローカルの Convex ブランド素材を使って、Mike の Convex／開発関連動画向けの洗練された YouTube サムネイルを作成します。

使用する場面

• Convex または開発関連動画向けの YouTube サムネイル案を作成するとき。
• Convex の静的ホスティング「NO DASHBOARDS」サムネイルを作り直すとき。
• Mike と分かる頭から肩までのポートレートを必ず含めるサムネイルを作るとき。
• 誤って生成されたマークを、本物の Convex ロゴまたはシンボルに差し替えるとき。

使用しない場面

• 画像生成を依頼されていない一般的なサムネイルのアドバイス。
• Mike が同じ個人用サムネイルのスタイルを明示的に希望している場合を除き、Convex 以外の動画。
• コードによる決定論的な合成。Mike が手動レイアウトを明示的に依頼した場合を除きます。このスタイルでは、手動でコラージュを作る方法は見栄えがよくありませんでした。

基本のワークフロー

1. 画像モデルにプロンプトを入力する前に、利用可能なローカル参照素材を確認します。
   • パスが変わっている可能性がある場合は、このスキルの scripts/check-local-assets.ps1 を実行します。
   • 画像モデルを呼び出す前に、少なくとも 1 枚の Mike の顔写真と Convex のシンボルを view_image で確認します。
2. ユーザーから台本、Notion ページ、または動画の概要が提供されている場合は、まず主なフックを抽出します。フィード上で読めるよう、サムネイルのコンセプトはシンプルに保ちます。
3. サムネイルには画像モデルを使います。ユーザーから依頼されない限り、切り抜き画像やカードを手作業で貼り合わせてメイン画像を作らないでください。
4. テキストは短くします。NO DASHBOARDS、HOST ON CONVEX、STATIC APP LIVE、SKIP HOSTING のような、印象的なフレーズを 1 つ使うのがおすすめです。
5. Mike は全身ではなく、本人と分かる大きな頭から肩までのポートレートとして指定します。
6. Convex ロゴはブランド参照素材として指定します。生成されたロゴが間違っている場合は、キューブまたは六角形のマークを公式の Convex の渦巻きシンボルに差し替えるよう明示します。
7. ブレインストーミングでは、見た目がはっきり異なる案を 3～5 個返します。Mike が案を 1 つ選んだ場合は、最初から作り直すのではなく、その案を反復して改良します。

ローカルパス

Mike のマシン上にある、現在のローカルパスを使用します。

用途	パス
Mike の切り抜き写真フォルダー	G:\My Drive\Personal\Photos of Me\convex\Backgrounds Removed
メインの Convex シンボル	C:\Users\mikec\Assets\Images\symbol-color (1).png
Convex カラーロゴ	C:\Users\mikec\Assets\Images\logo-color.png
Convex 白色ワードマーク	C:\Users\mikec\Assets\Images\wordmark-white.png
Convex 白色シンボル	C:\Users\mikec\Assets\Images\symbol-white.png
気に入った静的ホスティングの参考スクリーンショット	C:\Users\mikec\AppData\Local\Temp\codex-clipboard-2e3ea2e2-5464-460f-86f3-f4c4bcd6f731.png

一時スクリーンショットのパスは消える可能性があります。見つからない場合は、references/static-hosting-thumbnail.md のレシピに従ってコンセプトを再現します。

Mike のおすすめ参照素材

上記のフォルダーを使用します。以下のファイルは、静的ホスティングのセッションでうまく使えました。

ファイル	最適な用途
WIN_20250626_10_41_38_Pro.png	疑い深い表情、または「ダッシュボード不要」の横目
WIN_20250626_10_39_35_Pro.png	親しみやすく、Convex 上でホストするアイデアに興奮した表情
WIN_20250701_07_35_49_Pro.png	コンセプトを見上げる、興奮した表情
WIN_20250701_07_36_01_Pro.png	笑顔で説明するポーズ
WIN_20250701_07_34_53_Pro.png	右を向いてジェスチャーをするポーズ

プロンプトのパターン

悪い例

Make a thumbnail about Convex hosting with Mike and some dashboard stuff.

これではモデルがMikeを作り上げ、ロゴを捏造し、不要な要素を増やしてしまいます。

良い例

Use case: ads-marketing
Asset type: YouTube thumbnail edit, 16:9 landscape
Primary request: Create a polished version of the provided thumbnail image.
Keep Mike on the left, big "NO DASHBOARDS" text, blurred generic dashboard
panels with red X marks in the middle, and a glowing live hosting card on the
right.
Input image roles: Use the provided thumbnail as composition/style reference.
Use the visible Mike photo as identity reference. Use the visible Convex
colored swirl symbol as the exact brand/logo reference.
Required change: Replace any cube or hexagon mark on the right-side card with
the official Convex colored swirl symbol. The card can say "convex.site" and
"Live".
Constraints: Head and shoulders only. Preserve Mike's recognizable face and
black Convex cap. Keep the text exactly "NO DASHBOARDS". No real third-party
logos. No watermark.
Avoid: fake logo, misspelled text, extra words, cluttered UI, distorted face,
extra fingers, cheap collage look.

静的ホスティングのレシピ

Convexの静的ホスティングの例のようなサムネイルをユーザーが求めている場合、または依頼された動画が静的ホスティング、convex.site、Vercel／Netlify／Cloudflareを使わないホスティング、SPAのフォールバック、CIによるデプロイ、カスタムドメイン、更新バナーについての内容である場合は、references/static-hosting-thumbnail.mdを読みます。

チェックリスト

• ローカルの写真フォルダーからMikeのヘッドショットを読み込むか、内容を確認しました。
• 本物のConvexのシンボルまたはワードマークを読み込むか、内容を確認しました。
• メインのサムネイル案の作成に画像モデルを使いました。
• 表示するテキストを短く、正確に保ちました。
• Mikeの見分けやすい頭と肩の特徴を保ちました。
• Mikeから明示的に依頼されていない限り、実在するサードパーティのホスティングプロバイダーのロゴは避けました。
• 生成された立方体／六角形のロゴを、本物のConvexの渦巻きに置き換えました。