brand-launch-video-star
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseBrand 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
发布限制条件
- Use authentic assets. Never invent, redraw, approximate, trace, or generate a logo, wordmark, product, interface, mascot, packaging, person, or brand scene.
- 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.
- Research beyond uploads. Treat uploads as usable source material, not the asset ceiling. Find additional official or licensed material when the story needs it.
- Show the product. Demonstrate actual features, interactions, scenarios, outputs, and proof. Do not hide a weak product story behind abstract effects.
- Default to English. Use another language only when explicitly requested.
- Keep motion deterministic. Compute every state from frame/time and explicit inputs. Never depend on render order or unseeded randomness.
- 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.
- 使用真实素材。不得虚构、重绘、近似模仿、描摹或生成logo、文字商标、产品、界面、吉祥物、包装、人物或品牌场景。
- 确保logo精准。下载当前官方文件或使用用户提供的原始文件。不得通过CSS/SVG基础元素排版文字商标或重构logo。
- 素材调研不限于上传内容。将用户上传内容视为可用素材,但并非素材上限。当故事需要时,寻找更多官方或授权素材。
- 展示产品本身。演示产品的实际功能、交互方式、应用场景、输出结果及相关证明。不得用抽象效果掩盖薄弱的产品叙事。
- 默认使用英文。仅在明确要求时使用其他语言。
- 保持动效的确定性。根据帧/时间和明确输入计算每个状态。不得依赖渲染顺序或无种子的随机性。
- 验证所有声明。对照官方来源确认当前的名称、功能、指标、标语及CTA(号召性用语)。
如果带有品牌标识的素材无法验证真实性,请停止操作并索要授权原始素材。不得渲染看似合理的替代素材。
仅将过程化图形用作非具象动效图层:遮罩、渐变、色域、网格、光晕、粒子、轨迹、排版、经验证的数据图表及转场几何图形。
Quick start
快速开始
Install the skill:
bash
npx skills add vibe-motion/skillsInvoke 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 , then follow the generated project's own install and render commands.
npx create-vibe-motionBefore implementation:
- Copy into the project and replace every example value.
references/asset-manifest.example.json - Copy into the project and adapt its duration and shots.
references/timeline.example.json - 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.jsonUse only to inspect the bundled manifest template:
--schema-onlybash
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项目中操作。如果没有现有项目,使用初始化一个Vibe Motion项目,然后遵循生成项目自带的安装和渲染指令。
npx create-vibe-motion实施前准备:
- 将复制到项目中,并替换所有示例值。
references/asset-manifest.example.json - 将复制到项目中,并调整其时长和镜头内容。
references/timeline.example.json - 验证这两个文件:
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-onlybash
node <skill-dir>/scripts/validate-assets.mjs \
<skill-dir>/references/asset-manifest.example.json --schema-onlyWorkflow
工作流程
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:
- User-provided original
- Company website, static bundle, newsroom, brand portal, media kit, or official repository
- Company-controlled media library
- Licensed stock or authorized partner kit
Read references/asset-authenticity.md before acquiring assets.
浏览当前官方来源并提取以下信息:
- 精准的logo变体及使用规范
- 官方字体或网页字体
- 主色、辅助色及动态色彩
- 品牌原则、风格及视觉主题
- 当前产品名称、功能、应用场景、指标及CTA
- 官方照片、渲染图、UI截图、视频片段、新闻素材及媒体资料包
优先级顺序:
- 用户提供的原始素材
- 企业官网、静态资源包、新闻中心、品牌门户、媒体资料包或官方代码仓库
- 企业控制的媒体库
- 授权素材或合作方授权资料包
获取素材前,请阅读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 outputFor AI products:
text
prompt -> planning -> parallel capabilities -> generated result -> proofUse 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.mp4Default 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看起来虚假: 使用官方、用户提供或授权的媒体素材替换;不得优化仿制品。
- 节奏快但混乱: 减少同时进行的动作,指定视觉主体,并在镜头切换时保持匹配的动效。
- 画面精美但通用: 添加完整的产品交互、经过验证的声明及真实输出结果。
- 流畅但节奏慢: 缩短停留时长,重叠转场,仅在关键信息处减速。
- 素材不可用: 索要授权原始素材;不得猜测替代。