mcpField
V
vsl-storyboard-writer

vsl-storyboard-writer

github.com/ncklrs营销与增长53468 次安装35 周前更新
代码仓库

关于 vsl-storyboard-writer

为营销人员和视频制作团队编写视频销售函及产品营销分镜的技能。它将转化导向的文案与逐场景视觉指导结合,并以便于交接给 motion-designer 技能和 Remotion 实现的格式输出。

主要功能

  1. 01按目标和时长选择 VSL 框架
  2. 02设计开场钩子与叙事弧线
  3. 03编写带时长的逐场景分镜
  4. 04规划证明材料、异议处理和 CTA
  5. 05准备制作素材清单与交接说明

适用场景

  1. 01起草短视频社交广告分镜
  2. 02规划产品讲解或演示脚本
  3. 03准备供制作的销售页 VSL

安装

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

$npx skills add https://github.com/ncklrs/startup-os-skills --skill vsl-storyboard-writer

安装后在 Claude Code 中输入/vsl-storyboard-writer确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

README.md
rules/
_storyboard-template.md
cta-optimization.md
motion-designer-handoff.md
objection-handling.md
script-pacing.md
social-proof-strategy.md
visual-storytelling.md
vsl-frameworks.md
vsl-hooks.md

详细介绍

VSL 分镜脚本撰写

资深视频销售函(VSL)和产品营销脚本撰写专家,专注于打造能够促使观众采取行动的高转化视频内容。此技能将文案撰写与视频制作相结合,创作可直接用于动态设计的分镜脚本。

理念

优秀的视频销售脚本融合了三个要素:

  1. 销售心理学 — 了解每个阶段驱动决策的因素
  2. 视觉叙事 — 每个场景都推动叙事与转化
  3. 可直接制作 — 动态设计师可立即实施的脚本

此技能的工作方式

调用此技能后,它将引导你创作包含以下内容的分镜脚本:

  • 以钩子为核心的开场 — 经验证的模式,可在 3-5 秒内抓住注意力
  • 叙事流程 — 建立渴望与紧迫感的故事结构
  • 逐场景脚本 — 视觉描述、文案、时长与理由
  • 转化优化 — 策略性安排社会认同、异议处理和 CTA
  • 动态设计交接 — 与 /motion-designer 技能兼容的格式

输出是一份完整的分镜脚本,可直接输入 Remotion 实施的动态设计工作流。

核心框架

VSL 公式层级

根据视频时长和目标选择框架:

公式适用场景时长结构
Hook-CTA社交媒体广告15-30s问题 → 解决方案 → CTA
PAS冷流量30-90s问题 → 激化 → 解决方案
AIDA产品演示60-120s注意 → 兴趣 → 渴望 → 行动
VSL Classic销售页面3-10min故事 → 问题 → 解决方案 → 证明 → 报价 → CTA
The Explainer以教育为先60-180s背景 → 工作原理 → 优势 → CTA
5 秒钩子公式

前 5 秒决定 80% 的观看完成率。

钩子类型:

  1. 提问钩子 — “如果 [预期成果] 真的很容易实现呢?”
  2. 问题钩子 — “受够了 [痛点] 吗?”
  3. 好奇钩子 — “这个 [简单事物] 改变了一切”
  4. 模式打断 — 出乎意料的视觉画面或陈述
  5. 社会认同钩子 — “已有 10,000 个团队实现了 [成果]”
  6. 演示钩子 — 立即展示令人印象深刻的结果
视频时长指南
时长类型目标关键指标
6-15s微内容提高认知度、引发传播分享、互动
15-30s社交广告流量、兴趣CTR、观看完成率
30-60s产品预告获取演示申请点击率
60-90s讲解视频加深理解观看时长
90-180s完整演示试用注册转化率
3-10minVSL 销售视频购买决策销售额
VSL 的 AIDA 曲线

注意(0-15%):

  • 用问题或提问作为钩子
  • 打破模式
  • 展示引发共鸣的情境

兴趣(15-40%):

  • 激化问题
  • 展示现有解决方案为何失败
  • 介绍独特机制

渴望(40-80%):

  • 演示解决方案的实际效果
  • 社会认同和用户证言
  • 描绘转变后的样貌
  • 处理异议

行动(80-100%):

  • 清晰、具体的报价
  • 紧迫感或稀缺性
  • 降低风险
  • 多个 CTA
PAS 框架

问题(0-25%):

  • 找出具体、易引发共鸣的痛点
  • 使用“你”来表述
  • 视觉:展示困境

激化(25-50%):

  • 说明问题为何日益严重
  • 不采取行动的代价
  • 失败的替代方案
  • 视觉:放大挫败感

解决方案(50-100%):

  • 介绍你的产品/服务
  • 展示其实际运作
  • 证明其有效
  • 提供简单的下一步
  • 视觉:展现转变时刻

分镜脚本格式

创建分镜脚本时,请使用以下结构:

1. 脚本标题
# [Video Title]

**Type**: [VSL / Explainer / Product Demo / Social Ad]
**Duration**: [Total seconds]
**Objective**: [Primary conversion goal]
**Target Audience**: [Specific persona]
**Framework**: [AIDA / PAS / Hook-CTA / etc.]

## Key Message
[Single sentence: What should viewers remember?]

## Desired Action
[Specific CTA: What should viewers do?]
2. 脚本概览
## Story Arc

**Hook (0-Xs)**: [How we grab attention]
**Build (Xs-Ys)**: [How we build interest/desire]
**Peak (Ys-Zs)**: [Climax / main value proposition]
**Close (Zs-End)**: [CTA and resolution]

## Emotional Journey
Start: [Frustrated / Curious / Overwhelmed]
→ Middle: [Hopeful / Intrigued]
→ End: [Confident / Excited to act]
3. 逐场景分镜

每个场景包括:

## Scene N: [Scene Name] (Xs - Ys, Duration: Zs)

**Narrative Purpose**: [Why this scene exists in the story]

**On-Screen Copy**:
"[Exact text that appears on screen]"
[Additional text elements]

**Voiceover Script** (Optional):
"[Exact words spoken, if using VO]"

**Visual Description**:
[What viewers see - specific enough for motion designer]
- Background elements
- Main focal point
- Supporting visuals
- Text treatment

**Viewer Psychology**:
[What the viewer should think/feel at this moment]
- Emotional state we're creating
- Objection we're handling (if applicable)
- Desire we're building

**Sales Elements**:
[Any conversion tactics used]
- Social proof placement
- Scarcity/urgency indicator
- Risk reversal
- Benefit emphasis
- Objection handling

**Transition to Next**:
[How this scene flows to the next - why it makes sense]

**Motion Designer Notes**:
[Specific animation suggestions or requirements]
- Timing emphasis (fast/slow)
- Style notes (bold/subtle)
- Key moments to emphasize
4. 制作要求
## Assets Needed
- [ ] Logo files
- [ ] Product screenshots/mockups
- [ ] Customer photos (if using testimonials)
- [ ] Data visualization elements
- [ ] Icons

## Copy Elements
- Headlines: [List all]
- Subheads: [List all]
- CTAs: [List all instances]
- Social proof quotes: [List all]

## Brand Guidelines
- Voice: [Professional / Casual / Technical / Friendly]
- Tone: [Urgent / Calm / Exciting / Authoritative]
- Restrictions: [Any copy or visual rules]

VSL 分镜模板

以下是便于快速参考的完整模板:

# [Video Title]

**Type**: Product Demo VSL
**Duration**: 90 seconds
**Objective**: Trial signups
**Framework**: AIDA
**Target**: [Persona]

## Story Arc
Hook (0-5s): Problem question
Build (5-30s): Agitate pain, show solution
Peak (30-70s): Demo + social proof
Close (70-90s): CTA + urgency

---

## Scene 1: Hook (0-5s)

**On-Screen Copy**:
"Spending hours on [task]?"

**Visual**: [Description]
**Psychology**: Immediate identification with pain
**Sales Element**: Problem recognition
**Transition**: Visual chaos → order

---

## Scene 2: Agitation (5-15s)

**On-Screen Copy**:
"While your competitors move faster?"

**Visual**: [Description]
**Psychology**: FOMO, urgency of problem
**Sales Element**: Cost of inaction
**Transition**: Dark → light

---

[Continue for all scenes...]

与 Motion Designer 集成

此技能会生成分镜脚本,供 /motion-designer 技能用于创建技术视频规格:

分镜脚本(此技能)→ 视频规格(motion-designer)→ Remotion 实现(dev)

创建分镜时:

  1. 聚焦文案、信息传达和转化策略
  2. 提供视觉方向,但不提供技术规格
  3. 包含时间安排指导,但不细化到逐帧
  4. 强调每个场景存在的原因(叙事 + 转化)
  5. 让 motion designer 负责视觉呈现方式

常见视频类型

短视频社交内容(15-30s)

公式:吸引注意 → 展示价值 → 行动号召

Scene 1 (0-3s): Bold question or problem
Scene 2 (3-12s): Show solution in action (demo)
Scene 3 (12-20s): Single benefit + social proof number
Scene 4 (20-30s): Simple CTA
产品讲解视频(60-90s)

公式:背景 → 演示 → 优势 → 行动号召

Scene 1 (0-5s): Relatable problem hook
Scene 2 (5-15s): Why existing solutions fail
Scene 3 (15-30s): Introduce your solution
Scene 4 (30-50s): Show it working (3 key features)
Scene 5 (50-70s): Transformation / benefits
Scene 6 (70-80s): Social proof
Scene 7 (80-90s): Clear CTA
完整 VSL(3-5min)

公式:故事 → 问题 → 解决方案 → 证明 → 提供方案 → 收尾

Act 1 - Setup (0-45s):
  - Personal story or customer story
  - Establish credibility
  - Introduce problem

Act 2 - Problem (45s-90s):
  - Deep dive into pain points
  - Why current solutions don't work
  - Cost of status quo

Act 3 - Solution (90s-180s):
  - Introduce product/service
  - Unique mechanism
  - How it works (demo)
  - Key benefits

Act 4 - Proof (180s-240s):
  - Case studies
  - Testimonials
  - Results/data
  - Objection handling

Act 5 - Offer (240s-270s):
  - What you get
  - Pricing
  - Bonuses
  - Guarantee

Act 6 - Close (270s-300s):
  - Urgency/scarcity
  - Final CTA
  - Reminder of transformation

转化优化原则

社会认同的安排
  • 前期社会认同(15-25% 处):在提出重要主张前建立可信度
  • 功能证明(40-60% 处):在每项关键优势之后加入客户评价
  • 最终证明(80-90% 处):在行动号召前聚焦成果
异议处理顺序

按顺序处理常见异议:

  1. 有效吗? → 演示 + 证明
  2. 适合我吗? → 使用场景 / 客户故事
  3. 会不会太复杂? → 展示简便性
  4. 值这个价吗? → 投资回报 / 价值评估
  5. 如果没效果怎么办? → 保证 / 风险逆转
行动号召最佳实践
  • 频率:至少 2 次行动号召(中段预告 + 结尾)
  • 清晰度:明确具体的行动(“开始免费试用”,而非“了解更多”)
  • 减少阻力:消除障碍(如属实,可说明“无需信用卡”)
  • 紧迫感:设置时间或数量限制(确有其事时)

反模式

脚本层面
  • 堆砌功能——罗列功能,却不说明优势或讲述故事
  • 没有吸引点——铺垫缓慢,观众很快就会流失
  • 行动号召不明确——下一步含糊不清,或多个行动号召相互冲突
  • 只说不演示——只谈产品,却不展示产品
  • 虚假紧迫感——虚假的倒计时或稀缺性
场景层面
  • 文字墙——屏幕上一次显示的文案过多
  • 孤立场景——场景既不推动叙事,也不促进转化
  • 没有留白——没有留出时间让信息产生效果
  • 基调不一致——不同场景间的语气发生变化
制作层面
  • 未达到制作就绪状态——视觉描述含糊,motion designer 只能自行猜测
  • 缺少时间安排——没有场景时长或节奏指导
  • 没有素材清单——所需制作素材不明确

质量检查清单

完成分镜脚本前:

吸引点与结构:

  • 在 3-5 秒内抓住注意力
  • 故事弧线清晰(吸引注意 → 推进 → 高潮 → 收尾)
  • 框架符合视频时长和目标
  • 情感旅程经过有意识的设计,且脉络清晰

文案与信息传达:

  • 核心信息单一且清晰
  • 强调优势,而非功能
  • 使用“你”的表达方式(以观众为中心)
  • 符合品牌的声音与语气
  • 不使用行话或未解释的术语

转化要素:

  • 策略性地安排社会认同
  • 处理主要异议
  • 行动号召清晰且具体
  • 适当时加入紧迫感或稀缺性
  • 包含风险逆转

制作就绪状态:

  • 指定所有场景的时间安排
  • 视觉描述清晰具体
  • 列出所需素材
  • 包含 motion designer 说明
  • 说明每个场景的叙事目的

集成:

  • 格式兼容 motion-designer 技能
  • 可直接交接,无需进一步澄清
  • 考虑技术限制(时长、格式)

何时查阅规则

如需了解特定方面的详细指导:

专家建议

脚本撰写
  • 从 CTA 开始,倒推撰写(要让观众走上怎样的旅程,才能抵达 CTA?)
  • 如果使用旁白,就按听觉体验来写(自然对话,而非正式文体)
  • 每个场景传达一个信息(不要试图在所有地方说完所有内容)
  • 单独测试 Hook(作为独立广告,它是否有效?)
转化心理学
  • 以转变效果开场,而非产品特性
  • 使用具体数字(“10,000 位客户”,而不是“数千位客户”)
  • 先指出痛点,再提出解决方案
  • 通过价值营造紧迫感,不要制造虚假稀缺
制作规划
  • 考虑无声观看的情况(超过 60% 的观众会静音观看)
  • 尽早考虑画面比例(16:9、9:16、1:1)
  • 为最终时长预留比预期多 30% 的时间
  • 为动态设计师的创意发挥留出灵活空间
协作
  • 提供你设想的视觉风格示例
  • 有帮助时可参考其他视频(“像 X,但面向 Y”)
  • 明确哪些要求不可妥协,哪些只是加分项
  • 相信动态设计师能够完成技术执行

评论

支持 Markdown