SuperAPI AI 工具集

guided-product-demo

营销与增长

查看项目

更新于 10-22 08:07

技能介绍

用途

该技能用于制作产品演示或宣传视频的完整引导流程:先明确品牌与音乐需求,再从品牌仓库或营销网站提取品牌标识与产品功能,生成背景音乐并对节拍做分析,最终输出一段节奏与画面同步、带有字幕与光标交互模拟的产品演示视频。

主要能力

  • 品牌信息提取:分析 Tailwind 配置、全局样式、设计令牌、Logo、组件、页面布局、功能目录、API、设置页、README 与营销文案等,构建品牌画像(价值主张、受众、语气、配色、字体、产品类别)。
  • 产品功能梳理:提炼 3 至 5 个标志性功能、主要用户流程、关键界面与差异化能力。
  • 音乐生成与分析:如用户同意,使用 ElevenLabs 生成与品牌基调匹配的器乐音轨,并用 ffmpeg 提取 BPM、节拍、强拍与能量峰值,用于画面卡点。
  • 创意规格输出:以结构化代码块给出 16:9 时长、节拍同步的分镜、逐功能时间戳、旁白脚本、屏显文字、视觉构图、motion.dev 动画行为、转场逻辑、图层顺序、音频方向与光标动作编排。
  • 实现与渲染:生成 composition.html,使用 HTML、CSS、motion.dev 和 WAAPI 实现动画,接入 Helios 运行时,并通过官方 CLI 渲染为 output.mp4。

使用方式

执行前需回答两个问题:品牌素材来自代码库还是提供的 URL;是否需要生成背景音乐(需要环境中的 ELEVEN_LABS_API_KEY)。随后安装依赖:npm install @helios-project/core @helios-project/renderer @helios-project/cli。渲染命令为:npx @helios-project/cli render ./composition.html -o output.mp4。运行时需暴露 window.helios 并调用 helios.bindToDocumentTimeline({ autoSyncAnimations: true })。

适用场景

适合需要快速产出产品演示、功能展示视频的团队,包括 SaaS、开发者工具、电商等产品;可在品牌仓库内部或基于外部营销网站制作。未指定时长时默认 45 秒;时长不超过 30 秒时最多展示 2 个功能,任意时长最多 5 个功能,每个功能至少 5 秒并说明其收益。

限制

品牌标识不可猜测,必须来自代码库分析或提供的 URL;若用户不提供音乐则跳过音乐生成与分析步骤。代码不读取 .env 或自行验证密钥,需信任用户输入。视频固定为 16:9,动画要求确定性、无随机性,UI 稿需像素级准确。