brand-launch-video-star

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Brand Launch Video Star

Brand Launch Video Star——品牌发布视频制作工具

Create an authentic launch film, not a generic motion template. Verify the brand, tell a product-specific story, and render a fast, polished sequence with exact assets and deterministic motion.
制作真实的发布影片,而非通用动态模板。验证品牌信息,讲述专属产品的故事,并使用精准素材和确定性动效渲染出流畅、精致的视频序列。

Release blockers

发布限制条件

  1. Use authentic assets. Never invent, redraw, approximate, trace, or generate a logo, wordmark, product, interface, mascot, packaging, person, or brand scene.
  2. Make the logo exact. Download the current official file or use the user's original. Never typeset a wordmark or rebuild a logo with CSS/SVG primitives.
  3. Research beyond uploads. Treat uploads as usable source material, not the asset ceiling. Find additional official or licensed material when the story needs it.
  4. Show the product. Demonstrate actual features, interactions, scenarios, outputs, and proof. Do not hide a weak product story behind abstract effects.
  5. Default to English. Use another language only when explicitly requested.
  6. Keep motion deterministic. Compute every state from frame/time and explicit inputs. Never depend on render order or unseeded randomness.
  7. Verify claims. Confirm current names, features, metrics, slogans, and CTAs against official sources.
If an identity-bearing asset cannot be authenticated, stop and ask for an authorized original. Do not render a plausible substitute.
Use procedural graphics only as non-representational motion layers: masks, gradients, color fields, grids, glows, particles, trails, typography, verified-data charts, and transition geometry.
  1. 使用真实素材。不得虚构、重绘、近似模仿、描摹或生成logo、文字商标、产品、界面、吉祥物、包装、人物或品牌场景。
  2. 确保logo精准。下载当前官方文件或使用用户提供的原始文件。不得通过CSS/SVG基础元素排版文字商标或重构logo。
  3. 素材调研不限于上传内容。将用户上传内容视为可用素材,但并非素材上限。当故事需要时,寻找更多官方或授权素材。
  4. 展示产品本身。演示产品的实际功能、交互方式、应用场景、输出结果及相关证明。不得用抽象效果掩盖薄弱的产品叙事。
  5. 默认使用英文。仅在明确要求时使用其他语言。
  6. 保持动效的确定性。根据帧/时间和明确输入计算每个状态。不得依赖渲染顺序或无种子的随机性。
  7. 验证所有声明。对照官方来源确认当前的名称、功能、指标、标语及CTA(号召性用语)。
如果带有品牌标识的素材无法验证真实性,请停止操作并索要授权原始素材。不得渲染看似合理的替代素材。
仅将过程化图形用作非具象动效图层:遮罩、渐变、色域、网格、光晕、粒子、轨迹、排版、经验证的数据图表及转场几何图形。

Quick start

快速开始

Install the skill:
bash
npx skills add vibe-motion/skills
Invoke it with a concrete brief:
text
Use $brand-launch-video-star to create a 15-second 16:9 English launch film
for https://example.com. Research official assets, show the core product
workflow, and deliver a Vibe Motion/Remotion MP4 plus provenance files.
Work inside the user's existing Vibe Motion or Remotion project. If none exists, initialize a Vibe Motion project with
npx create-vibe-motion
, then follow the generated project's own install and render commands.
Before implementation:
  1. Copy
    references/asset-manifest.example.json
    into the project and replace every example value.
  2. Copy
    references/timeline.example.json
    into the project and adapt its duration and shots.
  3. Validate both files:
bash
node <skill-dir>/scripts/validate-assets.mjs path/to/asset-manifest.json
node <skill-dir>/scripts/validate-timeline.mjs path/to/timeline.json
Use
--schema-only
only to inspect the bundled manifest template:
bash
node <skill-dir>/scripts/validate-assets.mjs \
  <skill-dir>/references/asset-manifest.example.json --schema-only
安装该skill:
bash
npx skills add vibe-motion/skills
使用具体指令调用:
text
Use $brand-launch-video-star to create a 15-second 16:9 English launch film
for https://example.com. Research official assets, show the core product
workflow, and deliver a Vibe Motion/Remotion MP4 plus provenance files.
在用户现有的Vibe Motion或Remotion项目中操作。如果没有现有项目,使用
npx create-vibe-motion
初始化一个Vibe Motion项目,然后遵循生成项目自带的安装和渲染指令。
实施前准备:
  1. references/asset-manifest.example.json
    复制到项目中,并替换所有示例值。
  2. references/timeline.example.json
    复制到项目中,并调整其时长和镜头内容。
  3. 验证这两个文件:
bash
node <skill-dir>/scripts/validate-assets.mjs path/to/asset-manifest.json
node <skill-dir>/scripts/validate-timeline.mjs path/to/timeline.json
仅使用
--schema-only
参数来检查打包的清单模板:
bash
node <skill-dir>/scripts/validate-assets.mjs \
  <skill-dir>/references/asset-manifest.example.json --schema-only

Workflow

工作流程

1. Resolve the brief

1. 明确需求

Determine:
  • Company/product and official URL
  • Product or campaign focus
  • Audience and distribution
  • Duration; default to 15 seconds, normally support 15-30 seconds
  • Aspect ratio; default to 16:9
  • Language; default to English
  • Required claims, CTA, and disclaimer needs
  • Whether the user owns or may publish supplied assets
Ask only questions that materially change the film.
确定以下内容:
  • 企业/产品及官方网址
  • 产品或营销活动的核心
  • 受众及分发渠道
  • 时长;默认15秒,通常支持15-30秒
  • 宽高比;默认16:9
  • 语言;默认英文
  • 所需声明、CTA及免责声明要求
  • 用户是否拥有或可发布提供的素材
仅提出会对影片产生实质性影响的问题。

2. Build the brand truth sheet

2. 构建品牌信息表

Browse current official sources and extract:
  • Exact logo variants and usage
  • Official fonts or webfonts
  • Primary, secondary, and dynamic colors
  • Brand principles, tone, and visual motifs
  • Current product names, features, scenarios, metrics, and CTA
  • Official photography, renders, UI screenshots, footage, press assets, and media kits
Prioritize:
  1. User-provided original
  2. Company website, static bundle, newsroom, brand portal, media kit, or official repository
  3. Company-controlled media library
  4. Licensed stock or authorized partner kit
Read references/asset-authenticity.md before acquiring assets.
浏览当前官方来源并提取以下信息:
  • 精准的logo变体及使用规范
  • 官方字体或网页字体
  • 主色、辅助色及动态色彩
  • 品牌原则、风格及视觉主题
  • 当前产品名称、功能、应用场景、指标及CTA
  • 官方照片、渲染图、UI截图、视频片段、新闻素材及媒体资料包
优先级顺序:
  1. 用户提供的原始素材
  2. 企业官网、静态资源包、新闻中心、品牌门户、媒体资料包或官方代码仓库
  3. 企业控制的媒体库
  4. 授权素材或合作方授权资料包
获取素材前,请阅读references/asset-authenticity.md

3. Create the asset manifest

3. 创建素材清单

Record every identity-bearing asset in
asset-manifest.json
:
  • Stable ID and role
  • Local path
  • Exact source URL
  • Source type
  • Official verification page/file
  • Rights/licensing note
  • Authenticity status
  • Optional SHA-256 checksum
The validator checks manifest structure, declared provenance, local file existence, and optional checksums. It does not independently grant usage rights or prove a remote source is truthful; manually perform the official-source comparison.
Do not start final rendering while validation fails.
asset-manifest.json
中记录所有带有品牌标识的素材:
  • 稳定ID及用途
  • 本地路径
  • 精准来源URL
  • 来源类型
  • 官方验证页面/文件
  • 权利/授权说明
  • 真实性状态
  • 可选SHA-256校验和
验证工具会检查清单结构、声明的来源、本地文件是否存在及可选校验和。它不会独立授予使用权限或证明远程来源的真实性;需手动与官方来源进行比对。
验证未通过时,不得开始最终渲染。

4. Choose the story spine

4. 选择叙事主线

Present 2-3 concise directions and recommend one:
  • AI/SaaS: intent -> thinking/planning -> capabilities -> execution -> output -> proof -> logo
  • Physical product: hero -> interaction -> feature macro -> usage context -> result -> logo
  • Service/company: context -> process -> evidence -> outcome -> promise -> logo
  • Image-led brand: authentic imagery -> visual motif -> benefit -> emotional payoff -> logo
Read references/story-patterns.md for duration patterns.
提供2-3个简洁的叙事方向并推荐其中一个:
  • AI/SaaS类: 用户意图 -> 思考/规划 -> 功能展示 -> 执行过程 -> 输出结果 -> 效果证明 -> logo展示
  • 实体产品类: 产品特写 -> 交互演示 -> 功能细节 -> 使用场景 -> 使用效果 -> logo展示
  • 服务/企业类: 背景介绍 -> 服务流程 -> 案例证明 -> 服务成果 -> 品牌承诺 -> logo展示
  • 视觉导向品牌类: 真实图像 -> 视觉主题 -> 产品价值 -> 情感共鸣 -> logo展示
如需了解时长模式,请阅读references/story-patterns.md

5. Plan exact frames

5. 规划精准帧

Use 30fps unless the project requires otherwise. Convert every boundary to an integer frame.
For 15 seconds, target 5-8 major beats; for 30 seconds, target 8-12. Give every beat:
  • Start/end frame
  • Visual owner and authentic asset IDs
  • Primary action
  • Anticipation, commitment, impact, brake, and settle
  • Copy and readable hold
  • Color state
  • Incoming/outgoing transition
Use 6-12 frame overlaps when continuity benefits. One shot owns velocity; the next owns the destination.
除非项目另有要求,否则使用30fps帧率。将所有时间边界转换为整数帧。
15秒视频目标设置5-8个主要节拍;30秒视频目标设置8-12个。每个节拍需包含:
  • 起始/结束帧
  • 视觉主体及真实素材ID
  • 核心动作
  • 铺垫、执行、冲击、减速、稳定
  • 文案及可读停留时长
  • 色彩状态
  • 入/出转场效果
当需要保持连贯性时,使用6-12帧的重叠转场。前一个镜头控制速度,后一个镜头控制目标状态。

6. Build intensity with control

6. 可控地增强视觉冲击力

  • Use product motion, cursor paths, light, scrolling content, object edges, or matched geometry to drive transitions.
  • Use 2-5 deliberate color states with strong contrast.
  • Keep one primary action per beat; delay secondary layers by 2-6 frames.
  • Establish 2-3 high-energy peaks and quieter braking moments.
  • Preserve readable silhouettes, copy, and logo clear space.
  • Avoid fake HUDs, arbitrary glass cards, decorative text walls, unverified metrics, and identical easing everywhere.
Read references/motion-quality.md before implementation.
  • 利用产品动效、光标路径、光线、滚动内容、物体边缘或匹配的几何图形驱动转场。
  • 使用2-5种具有强烈对比度的特定色彩状态。
  • 每个节拍仅保留一个核心动作;次要图层延迟2-6帧出现。
  • 设置2-3个高能峰值和相对平缓的减速时刻。
  • 保持清晰可读的轮廓、文案及logo留白区域。
  • 避免虚假HUD(抬头显示)、随意的玻璃卡片、装饰性文字墙、未验证的指标及统一的缓动效果。
实施前,请阅读references/motion-quality.md

7. Demonstrate cause and effect

7. 展示因果关系

Include at least one readable chain:
text
user intent -> product action -> system response -> useful output
For AI products:
text
prompt -> planning -> parallel capabilities -> generated result -> proof
Use actual UI captures, recordings, source code, or officially supplied screenshots. If actual UI is unavailable, use clearly conceptual abstract motion; never fabricate a branded interface and present it as real.
至少包含一条清晰的因果链:
text
user intent -> product action -> system response -> useful output
对于AI产品:
text
prompt -> planning -> parallel capabilities -> generated result -> proof
使用真实的UI捕获画面、录制视频、源代码或官方提供的截图。如果无法获取真实UI,使用清晰的概念性抽象动效;不得伪造品牌界面并将其呈现为真实界面。

8. Implement and render

8. 实施与渲染

For Remotion:
  • Define
    state = f(frame, fps, inputs, constants)
    .
  • Keep shot boundaries in one timeline/constants module.
  • Seed procedural variation with stable IDs.
  • Preserve fractional values when deriving velocity.
  • Keep image dimensions and aspect ratios explicit.
  • Preserve previous compositions/outputs during iteration.
Prefer the project's local CLI. Typical discovery and render commands are:
bash
pnpm exec remotion compositions <entry-file>
pnpm exec remotion render <entry-file> <composition-id> out/launch-film.mp4
Default preview:
  • 1920x1080
  • 30fps
  • H.264 MP4
  • Exact requested duration
  • Visual-first V1; add sound only when requested or available
针对Remotion项目:
  • 定义
    state = f(frame, fps, inputs, constants)
  • 将镜头边界统一放在一个时间轴/常量模块中。
  • 使用稳定ID为过程化变化设置种子。
  • 计算速度时保留小数数值。
  • 明确设置图像尺寸及宽高比。
  • 迭代过程中保留之前的合成内容/输出结果。
优先使用项目本地CLI。典型的发现和渲染指令如下:
bash
pnpm exec remotion compositions <entry-file>
pnpm exec remotion render <entry-file> <composition-id> out/launch-film.mp4
默认预览参数:
  • 1920x1080
  • 30fps
  • H.264 MP4
  • 与请求时长完全一致
  • V1版本优先视觉效果;仅在明确要求或有可用音频时添加声音

9. Verify

9. 验证

  • Run asset-manifest and timeline validation.
  • Run composition discovery/build and targeted lint/type checks.
  • Verify media duration, frame rate, dimensions, and file integrity.
  • Inspect representative frames and the complete render.
  • Ask for timecoded feedback on pace, clarity, impact, authenticity, and smoothness.
  • 运行素材清单及时间轴验证。
  • 运行合成内容发现/构建及针对性的语法/类型检查。
  • 验证媒体时长、帧率、尺寸及文件完整性。
  • 检查代表性帧及完整渲染结果。
  • 请求针对节奏、清晰度、冲击力、真实性及流畅度的带时间码反馈。

10. Deliver provenance

10. 交付溯源资料

Provide:
  • Rendered video
  • Composition/source path
  • Exact specs and duration
  • Asset manifest
  • Brand/product source links
  • Rights/disclaimer note
  • Version identifier
State when the film is an unofficial concept and when commercial publication requires permission.
提供以下内容:
  • 渲染完成的视频
  • 合成内容/源文件路径
  • 精准参数及时长
  • 素材清单
  • 品牌/产品来源链接
  • 权利/免责声明
  • 版本标识
说明影片是否为非官方概念版本,以及商业发布是否需要获得许可。

Failure recovery

故障修复

  • Wrong logo: remove it, locate the current official file, record provenance, and rerender.
  • Fake-looking product/UI: replace it with official, user-supplied, or licensed media; do not improve the imitation.
  • Fast but chaotic: reduce simultaneous actions, assign a visual owner, and preserve matched motion across cuts.
  • Beautiful but generic: add a complete product interaction, verified claims, and real outputs.
  • Smooth but slow: shorten holds, overlap transitions, and brake only around key messages.
  • Asset unavailable: ask for an authorized original; never guess.
  • logo错误: 删除错误logo,找到当前官方文件,记录来源并重新渲染。
  • 产品/UI看起来虚假: 使用官方、用户提供或授权的媒体素材替换;不得优化仿制品。
  • 节奏快但混乱: 减少同时进行的动作,指定视觉主体,并在镜头切换时保持匹配的动效。
  • 画面精美但通用: 添加完整的产品交互、经过验证的声明及真实输出结果。
  • 流畅但节奏慢: 缩短停留时长,重叠转场,仅在关键信息处减速。
  • 素材不可用: 索要授权原始素材;不得猜测替代。