mcpField
V
visual-hook

visual-hook

github.com/postplusai营销与增长27287 次安装今天更新
代码仓库

关于 visual-hook

visual-hook 是用于规划和评估短视频、幻灯片及生成媒体提示词开场画面的技能。它关注清晰易懂的首帧,通过可见动作和证据引发观众的具体疑问。

主要功能

  1. 01规划视觉开场画面
  2. 02运用七类 hook 模式
  3. 03检查冲突、动作与证据
  4. 04提供幻灯片和视频指导
  5. 05组织开场评估与重试说明

适用场景

  1. 01设计 TikTok 或 Reels 的开场
  2. 02规划轮播内容的首张幻灯片
  3. 03评估 AI 生成视频提示词

安装

复制下面的命令,在终端中运行。

$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 秒,应当让观众在有意识地决定是否继续观看前,先产生一个具体的问题。

好的问题:

  • “发生了什么?”
  • “为什么它看起来是这样的?”
  • “这会如何改变?”
  • “这个动作在做什么?”
  • “情况是要变得更糟还是更好?”

较弱的问题:

  • “这是什么品牌?”
  • “为什么这里会出现这个产品镜头?”
  • “这是广告吗?”

基本检查清单

好的视觉钩子通常应具备:

  • 一个明显的主体
  • 一处可见的冲突或张力
  • 一个已经开始的动作
  • 一项无需解释就能看懂的证据
  • 一个尚未揭晓的结果,引人期待下一镜

如果必须依靠说明文字、旁白或产品宣传语才能看懂这个钩子,那么视觉效果很可能太弱。

与钩子设计的关系

如果主要的不确定因素是该由哪种停留滚动机制来承载开场,请先使用 hook-design。

此技能负责将需要在第一帧中提供可见证据的机制转化为视觉表达。

最自然的对应关系:

  • patternInterrupt -> 被打断的瞬间、机制好奇
  • proofFirst -> 证据特写、对比/转变
  • painRecognition -> 痛点证据
  • socialOrIdentityStake -> 地位丧失/社交利害关系

不太自然的对应关系:

  • boldClaim 和 questionGap 也可以用在这里,但前提是画面本身能承载问题,而不依赖文字表达

钩子类型

1. 痛点证据

以问题本身开场。

适用于产品或故事有明显痛点的情况。

示例:

  • 一个人在镜子里看到头发扁塌、油腻,立刻伸手触摸
  • 头皮出油、头屑、头发显得稀疏,或糟糕造型效果的特写
  • 发刷、洗手池、衣领、皮肤斑块、杂乱抽屉,或明显的失败迹象

避免:

  • 问题还没出现,就先展示干净的产品静物
  • 只有模糊的“悲伤的人”在表演,没有具体证据
2. 对比/转变

以明显的前后对比张力开场。

适用于内容承诺带来改变、进步或修复的情况。

示例:

  • 同一个人、同一面镜子,先暗示状态糟糕,再展示状态有所改善
  • 从社交场合失利瞬间切换到重整状态的日常步骤
  • 幻灯片封面将最糟糕的视觉状态与最可信的理想状态并置

避免:

  • 不可能实现的奇迹式呈现
  • 同时改变太多变量,例如人物、房间、灯光和角度都不同
3. 机制好奇

以一个看起来有明确目的的具体动作开场。

适用于产品具有流程、设备、成分或特殊使用步骤的情况。

示例:

  • 分开发丝后沿着头皮喷洒
  • 将精华液或精油加入设备中
  • 喷雾沿着清晰可见的路径覆盖
  • 红光或其他物理机制作用于目标区域

避免:

  • 没有现实动作的抽象成分动画
  • 看不出产品如何使用的产品特写
4. 地位受挫 / 社交压力

以问题造成的明显后果开场。

适用于故事角度涉及约会、工作、自信、仪表或身份认同时。

示例:

  • 有人穿着得体去约会,却在镜子里发现自己的头发看起来很糟
  • 一条消息、一个眼神或一种反应暗示了社交排斥,同时画面中的问题清晰可见
  • 一身精致的穿搭与一个显眼的缺陷格格不入

避免:

  • 喧宾夺主、盖过产品问题的戏剧化情节
  • 与视觉证据无关的社交压力
5. 被打断的瞬间

从正在发生的日常动作中切入,而不是从准备阶段开始。

适用于需要营造 TikTok 原生感、减少广告感的场景。

示例:

  • 手已经在撩头发
  • 喷雾器已经靠近头皮
  • 收到令人失望的通知后,手机已经拿在手里
  • 对方已经开始准备出门

避免:

  • 走进画面
  • 空荡的房间、空水槽或放在桌上的产品
  • 事情还没开始就先来一段缓慢的电影感开场
6. 近距离实证

以具体、触手可及且看起来难以造假的细节开场。

适用于信任比美感更重要的情况。

示例:

  • 喷嘴与头皮之间的距离
  • 清晰可见的喷雾路径
  • 分缝处露出的头皮
  • 设备的加载步骤
  • 质地变化、蓬松度提升,或光泽与出油的对比

避免:

  • 与实际使用脱节的美妆广告式微距镜头
  • 没有手、尺度或背景信息的干净产品渲染图
7. 向往的休闲生活 / 轻松的地位感

以轻松惬意、令人向往的生活瞬间开场,让观众想要融入其中。

适用于钩子依靠生活方式吸引力、美感、社交认同、浪漫、友谊、户外活动、旅行,或“我想过这样的一天”这类氛围的情况。

示例:

  • 一对有魅力的情侣在清澈的水面上悠闲地玩立式桨板
  • 从高处俯拍的广角镜头中,人们在美丽的休闲场景里显得很渺小
  • 随意的自拍角度,画面中有阳光、水、食物、肌肤和放松的肢体语言
  • 一个身材匀称、姿态随意的人在桨板、船、海滩、露台、野餐或度假活动中

有效原因:

  • 它展现的是一种状态,而非某个功能
  • 它让观众代入场景中的身份
  • 钩子引发的问题会变成“这是哪里?”,“我怎样才能拥有这样的一天?”,或“他们和谁在一起?”

保持 TikTok 原生感:

  • 使用轻松的手持、自拍、无人机或运动相机取景
  • 让画面像是偶然发现的,而非刻意安排的
  • 加入一处体现生活气息的小细节,例如零食、桨、湿发、阳光眩光或不完美的姿势
  • 让人物正在做某件事,而不只是摆姿势

实用子类型:

  • POV leisure:第一人称的身体/桨板/船/海滩视角,让观众仿佛亲身置身其中
  • comment-request reveal:展示真实或模拟的观众请求,再通过画面序列给出答案
  • inventory curiosity:以休闲场景中的可见物品开场,再揭晓“我带了/用的/打包的/拥有的所有东西”
  • relaxed body proof:通过姿势、晒痕、湿发、零食、饮料罐和装备,让瞬间显得真实生活化,而非刻意摆拍

对于评论请求子类型,钩子包含两个层次:

  • 视觉层面:“我想躺在那里”
  • 内容层面:“那块板上/那套布置里具体有什么?”

这种方式很适合产品组合、套装、配件、旅行装备、户外装备、美妆准备和生活方式套件,因为在物品清单出现之前,观众就已经向往那个场景。

避免:

  • 缺少人物行动的普通旅行博主美照
  • 模特目录式摆拍
  • 让人觉得遥不可及或像广告的奢华质感
  • 只有风景的开场,除非环境本身令人惊讶
  • 缺少关系或活动背景的漂亮人物

幻灯片创作指南

对于幻灯片,第 1 页必须发挥视频开场画面的作用。

如果用户要制作专业分享或方法拆解类演示文稿,文案应足够充实,以体现专业性。每页最好包含一个具体判断和一个操作细节,而不只是营造氛围或提供宽泛的灵感。

优先采用:

  • 一个有力的矛盾点
  • 图像中的直接证据
  • 大而清晰的视觉元素
  • 自然回应第 1 页问题的第 2 页预告

避免:

  • 拼贴过载
  • 手机上看不清的前后对比细节
  • 依赖长篇文字解释主题的封面图

视频创作指南

对于视频,不要把第 1 秒花在展示场景上。

优先采用:

  • 已经开始的动作
  • 适当时采用手持或镜像原生构图
  • 从问题到过程的清晰剪辑
  • 让下一个镜头有存在理由

避免:

  • 电影感十足的产品主视觉开场
  • 慢动作包装镜头
  • 人的困境尚未明确前就出现的空镜素材
  • 像素材广告一样的、完美无瑕的 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:

评论

支持 Markdown