mcpField
V
visual-hook

visual-hook

github.com/postplusaiマーケティング・グロース27287 回インストール1 日前に更新
リポジトリ

visual-hook について

visual-hookは、ショート動画、スライドショー、生成メディア用プロンプトの視覚的な冒頭を設計・評価するスキルです。動きや証拠が伝わる最初のフレームで、視聴者に具体的な疑問を抱かせることを重視します。

主な機能

  1. 01視覚的な冒頭フレームを設計
  2. 027種類のフックパターンを活用
  3. 03葛藤、動き、証拠を確認
  4. 04スライドショーと動画の指針
  5. 05フック評価と再実行メモを構成

活用シーン

  1. 01TikTokやReelsの冒頭を設計
  2. 02カルーセルの最初のスライドを計画
  3. 03AI生成動画プロンプトを評価

インストール

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

$npx skills add https://github.com/postplusai/postplus-skills --skill visual-hook

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

_postplus_shared/00-core/shared-runtime/scripts/
download_videos_from_manifest_with_ytdlp.mjs
postplus_workspace.mjs
_postplus_shared/00-core/shared-runtime/scripts/lib/
hosted_execution_protocol.mjs
execution_approval.mjs
creative_format.mjs
local_skill_cli.mjs
hosted_media_generation_bridge.mjs
postplus_cloud_client.mjs
hosted_billing_summary.mjs
postplus_cli_config.mjs
network_runtime.mjs
skill_runtime.mjs
postplus_workspace_runtime.mjs
scripts/
build_visual_hook_review.mjs

詳細

ビジュアルフック

以下の共有パブリックスキルルールに従ってください:

  • postplus-shared パブリックスキルルール

このスキルは、ショートフォームのビジュアルオープニングをより強力にすることがタスクである場合に使用します。

このスキルは以下に適用されます:

  • TikTok、Reels、Shorts、その他のスクロールフィード動画
  • スライドショー / フォトカルーセル
  • AI 生成画像または動画のプロンプト設計
  • ストーリーボードの最初のフレーム
  • ビジュアルフックの批評と再実行メモ

これは汎用的な美容やアートディレクションのスキルではありません。優れたビジュアルフックは、単に見た目が美しいだけでは不十分です。視聴を続ける明確な理由を生み出します。

コアルール

最初の画像または最初の 1〜3 秒で、視聴者が意識的に視聴を続けるかどうかを決める前に、具体的な疑問を抱かせる必要があります。

良い疑問:

  • 「何が起きたのか?」
  • 「なぜこんな見た目なのか?」
  • 「これはどう変わっていくのか?」
  • 「この動作は何をしているのか?」
  • 「これは悪化しようとしているのか、改善しようとしているのか?」

弱い疑問:

  • 「これはどのブランドか?」
  • 「なぜここにこの商品ショットがあるのか?」
  • 「これは広告なのか?」

ベースラインのチェックリスト

強力なビジュアルフックには通常、以下が必要です:

  • 1 つの明確な被写体
  • 1 つの目に見える対立または緊張
  • すでに進行中の 1 つの動作
  • 説明なしで視聴者が理解できる 1 つの証拠
  • 次のショットへと誘う 1 つの未完了の結果

フックが成立するためにキャプション、ボイスオーバー、または商品の主張が必要な場合、そのビジュアルはおそらく弱すぎます。

フックデザインとの関係

主な不確実性が、どのストップスクロールの仕組みでオープニングを担うかである場合は、まず hook-design を使用してください。

このスキルは、フレーム 1 での目に見える証明を必要とする仕組みのためのビジュアルトランスレーターです。

最も自然なマッピング:

  • patternInterrupt -> 中断された瞬間、仕組みへの好奇心
  • proofFirst -> 証明のクローズアップ、対比 / 変化
  • painRecognition -> 悩みの証拠
  • socialOrIdentityStake -> ステータス損失 / 社会的な利害

より自然でないマッピング:

  • boldClaim と questionGap もここに持ち込めますが、それはフレーム自体がセリフに頼らずに疑問を担える場合に限ります

フックファミリー

1. 悩みの証拠

問題そのものから始めます。

商品やストーリーに目に見える悩みのポイントがある場合に使用します。

例:

  • 人は鏡の中でぺたんこで脂っぽい髪を見て、すぐに触る
  • 頭皮の脂、フケ、薄毛の見た目、または悪いスタイリング結果のクローズアップ
  • ブラシ、洗面台、シャツの襟、肌の部分、散らかった引き出し、または目に見える失敗の手がかり

避けること:

  • 問題が見える前の清潔な商品の静物
  • 具体的な証拠のない漠然とした「悲しそうな人」の演技
2. 対比 / 変化

目に見えるビフォー / アフターの緊張から始めます。

コンテンツの約束が変化、進歩、または修復である場合に使用します。

例:

  • 同じ人、同じ鏡、悪い状態が最初に暗示され、改善された状態が次にチラ見せされる
  • 社会的な失敗からルーティンのリセットへの一瞬のカット
  • 最悪のビジュアル状態と、信頼できる最良の状態を対置させたスライドショーのカバー

避けること:

  • 不可能な奇跡の演出
  • 別人、部屋、照明、アングルなど、あまりに多くの変数を一度に変えること
3. 仕組みへの好奇心

理由がありそうに見える具体的な動作から始めます。

商品にプロセス、デバイス、成分、または珍しい適用ステップがある場合に使用します。

例:

  • 頭皮に沿ってスプレーする前に髪を分ける
  • デバイスにエッセンスやオイルを入れる
  • 目に見える経路に沿って移動するミストのカバレッジ
  • 赤い光やその他の物理的な仕組みが対象領域と相互作用する

避けること:

  • 現実世界の動作を伴わない抽象的な成分アニメーション
  • 商品がどのように使われるかを示さない商品のクローズアップ
4. ステータス損失 / 社会的なかけひき

問題がもたらす目に見える結果から始めます。

ストーリーの切り口が恋愛、仕事、自信、見た目の印象、アイデンティティである場合に使います。

例:

  • デートのために着飾った人が、鏡に映る自分の髪の状態が悪いことに気づく
  • メッセージや視線、反応が社会的な拒絶をにおわせる一方で、見た目の問題が目に見えている
  • 洗練された服装が、明らかな一つの欠点と衝突している

避けること:

  • 製品の問題を覆い隠してしまうほどのメロドラマ
  • 視覚的な証拠と無関係に感じられる社会的なかけひき
5. 中断された瞬間

準備の場面からではなく、生活感のある動作の途中から始めます。

シーンが広告ではなく、TikTok ネイティブに感じられる必要がある場合に使います。

例:

  • すでに手が髪を持ち上げている
  • すでにスプレーヤーが頭皮の近くにある
  • 期待外れの通知のあと、すでにスマートフォンを手に持っている
  • その人がすでに身支度の途中である

避けること:

  • フレームの中へ歩いて入ってくる
  • がらんとした部屋、空の洗面台、テーブルの上の製品
  • 何かが起こる前の、ゆっくりとした映画的なオープニング
6. 証明のクローズアップ

偽物だと見抜かれにくい、触覚的で具体的なディテールから始めます。

美しさよりも信頼が重要な場合に使います。

例:

  • ノズルから頭皮までの距離
  • 目に見えるスプレー / ミストの軌跡
  • 分け目の露出
  • デバイスの装填ステップ
  • 質感の変化、ボリュームの立ち上がり、ツヤ / 脂っぽさのコントラスト

避けること:

  • 使用感から切り離されて見える、ビューティー広告的なマクロショット
  • 手やスケール感、文脈のないクリーンなレンダリング
7. 憧れのレジャー / ソフトなステータス

視聴者が入りたいと思うような、気楽で憧れの生活の瞬間から始めます。

フックがライフスタイルへの憧れ、美、社会的証明、ロマンス、友情、アウトドア、旅行、あるいは「こんな一日を過ごしたい」というエネルギーによって駆動される場合に使います。

例:

  • 澄んだ水の上でパドルボードに乗ってくつろぐ魅力的なカップル
  • 美しいレジャーの情景の中で人々が小さく見える、見下ろしのワイドショット
  • 太陽、水、食べ物、肌、リラックスした身体の動きが入った、力の抜けた自撮りアングル
  • ボード、ボート、ビーチ、パティオ、ピクニック、休暇のアクティビティにいる、さりげなく引き締まった体型の人

なぜ効果的なのか:

  • 機能ではなく状態を売っている
  • 視聴者にその場面のアイデンティティを借りさせる
  • フックの問いが「ここはどこ?」「あの一日をどうやって手に入れる?」「彼らは誰と一緒にいる?」になる

TikTok ネイティブに保つこと:

  • リラックスしたハンドヘルド、自撮り、ドローン、アクションカメラのフレーミングを使う
  • フレームが演出されたのではなく、偶然見つけたように感じさせる
  • スナック、パドル、濡れた髪、太陽のまぶしさ、完璧ではないポーズなど、生活感のある小さなディテールを入れる
  • 人々をただポーズさせるのではなく、何かをしている状態にする

便利なサブタイプ:

  • POV レジャー: 視聴者がその場に身体的に置かれたように感じる、一人称の身体 / ボード / ボート / ビーチ視点
  • コメントリクエストの提示: 実際のあるいは模擬的な視聴者からのリクエストを見せ、そのあと視覚的なシーケンスでそれに応える
  • 持ち物への好奇心: 目に見える物があるレジャーの設えから始め、そのあと「持ってきた / 使う / 詰める / 持っているものすべて」を明かす
  • リラックスした身体の証明: 姿勢、日焼け跡、濡れた髪、スナック、ドリンク缶、ギアが、その瞬間を演出ではなく生活感のあるものにする

コメントリクエストのサブタイプでは、フックには二つの層があります:

  • 視覚の層: 「そこに横になっていたい」
  • コンテンツの層: 「あのボードの上 / あの設えの中には具体的に何がある?」

これは、視聴者が商品リストが始まる前からすでにその場面を欲しているため、製品セット、バンドル、アクセサリー、旅行用ギア、アウトドア用ギア、ビューティーの準備、ライフスタイルキットにうまく機能します。

避けること:

  • 人の動作のない、ありがちな旅行インフルエンサーの美しいショット
  • モデルカタログのようなポーズ
  • 手が届かない、あるいは広告のように感じられる高級感の演出
  • 環境そのものが意外でない限り、風景だけのオープニング
  • 関係性やアクティビティの文脈のない、美しいだけの人々

スライドショーのガイドライン

スライドショーでは、最初のスライドが動画のオープニングフレームの役割を果たす必要があります。

ユーザーがプロフェッショナル向けの共有や手法の分解を目的としたデッキを作成している場合は、専門性を示すのに十分な密度でコピーを保ちましょう。各ページには、雰囲気や漠然としたインスピレーションだけでなく、理想的には1つの具体的な判断と1つの運用上の詳細を含めるべきです。

推奨:

  • 1つの強い矛盾
  • 画像内の直接的な証拠
  • 大きく読みやすい視覚的フォルム
  • 最初のスライドの問いに自然に答える2枚目のスライドの約束

避ける:

  • コラージュの過多
  • スマートフォンで読めない小さなビフォーアフターの詳細
  • 前提を説明するために長いテキストに頼るカバー画像

動画のガイドライン

動画では、最初の1秒を部屋の説明に費やさないでください。

推奨:

  • すでに進行中のアクション
  • 適切な場合のハンドヘルドまたはミラーネイティブのフレーミング
  • 問題からプロセスへの明確なカット
  • 次のショットが存在する理由

避ける:

  • 映画的な製品ヒーローオープニング
  • スローモーションのパッケージングショット
  • 人間の問題が明確になる前の空のBロール
  • ストック広告のように感じられるAIパーフェクトな部屋

生成メディアプロンプトのルール

画像や動画のプロンプトを書くときは、スタイルの前にフックの役割を指定してください。

プロンプトの順序:

  1. 視覚的な対立
  2. 被写体とアクション
  3. 証拠の詳細
  4. カメラ/フレーミング
  5. リアリズムの制約
  6. スタイルと品質の注記

美しさ自体が緊張感でない限り、「美しい映画的なショット」から始めないでください。

批評の質問

提案された視覚的フックをレビューするときは、次のことに答えてください:

  • 視聴者は音声やキャプションなしで状況を理解できますか?
  • 最初のフレームはどのような具体的な問いを生み出しますか?
  • 目に見える対立は何ですか?
  • すでに起こっているアクションは何ですか?
  • 何がそれを信憑性のあるものにしていますか?
  • 実際のTikTokの瞬間のように感じられますか、それとも広告の設定のように感じられますか?
  • 次のショットは何に答えるべきですか?

よくある失敗モード

  • 問題の前に製品が現れる
  • フレームは魅力的だが対立がない
  • シーンがきれいすぎる、スタジオのよう、またはAIで磨かれすぎている
  • 重要な詳細がモバイルには小さすぎる
  • フックが完全にテキストに依存している
  • オープニングが興味深い瞬間の前に始まる
  • 変容が過大に主張されている、または視覚的に不可能

出力の形

視覚的フックの作成を求められた場合は、コンパクトな構造を推奨します:

Hook family:
First frame / first slide:
Action in progress:
Evidence detail:
Viewer question:
Next shot:
Avoid:

フックの批評を求められた場合は、次を推奨します:

Verdict:
What works:
What weakens the stop-scroll:
Specific fix:
Rerun prompt note:

コメント