product-launch-video skill 是什么、怎么安装使用:给一个网址,让智能体做出产品发布视频(HyperFrames)

product-launch-video 是 HyperFrames 的创作流程技能:从产品网址、粘贴的脚本或简报出发,抓取页面素材和品牌信息,定设计系统、写分镜与旁白、逐帧生成 HTML 画面并渲染成 MP4,关键节点等你确认。

Install · 安装命令

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

在终端里执行。Skill 可以带可执行脚本,安装前先看一遍仓库里的 SKILL.md。

NNathaniel bigo··原创首发·AI 辅助撰写
4 分钟读完
资料核对于 2026-10-11 · 依据官方文档与公开资料整理
本文根据 heygen-com/hyperframes 仓库里该技能的 SKILL.md 与仓库 README 整理,资料核对于 2026-10-11。skills.sh 榜单当日显示该技能累计安装约 42.3 万次;所在仓库 heygen-com/hyperframes 在 GitHub 约 6.0 万 Star(同日数据)。技能内容会随仓库更新,以仓库为准。

这个 Skill 做什么

HyperFrames 用 HTML 写视频,这个技能负责「产品宣传片」这一种片型的完整生产线。description:把产品或营销网址、粘贴的脚本或简报变成产品发布 / 宣传视频——SaaS 宣传、功能亮相、产品演示、应用和公司发布;用户想推广、发布或展示一个产品时使用,是任何商业网址的默认去向,网站导览也归它。

SKILL.md 把智能体设定为「总导演」,在 videos/ 下的项目目录里按步骤推进,每步过了检查才能进下一步:

  1. 准备:读入口技能 /hyperframes 写好的 BRIEF.md,建项目;
  2. 采集素材:给了网址就运行 npx hyperframes capture 抓取页面截图、文字和品牌信号;给的是脚本就原样存下;
  3. 设计系统:从采集结果定颜色、字体和版式;
  4. 分镜与脚本:写 STORYBOARD.md 和旁白稿,这一步等你确认;
  5. 音频:后台生成旁白、逐词时间轴和背景音乐;
  6. 画面设计与逐帧构建:每一帧派一个子智能体去写 HTML;
  7. 收尾:加转场、跑检查、给你预览,批准后渲染成 MP4。

目录里有三十多个文件:剪辑手法目录、动效语言、叙事设计、视觉设计四份参考,以及组装、音频、字幕、逐帧打包等脚本。

怎么安装

product-launch-video 是 HyperFrames 技能包里的一个创作流程,不建议单独装:它要调用同包里的 CLI、动画、媒体等领域技能。Claude Code 用插件(命令来自仓库 README):

bash
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

其他智能体用 npx skills add heygen-com/hyperframes,README 说在选择器里只勾「Core Skills」一组即可,路由技能 /hyperframes 会在需要时把 product-launch-video 这类流程按需装上。渲染需要本机有 Node、Chrome 和 FFmpeg。

仓库整体介绍和其他安装方式,详见本站《HyperFrames 是什么、怎么安装使用:HeyGen 开源的「写 HTML、出视频」框架与 Agent Skills》。

怎么用

  • 「给 https://example.com 做一支 30 秒的产品发布视频,竖版」。
  • 「这是我们新功能的介绍文案,按原文做旁白,做成 45 秒的功能亮相片」。
  • 「把官网做成一段网站导览,按页面原样展示,不要旁白」。

不确定该走哪条流程时直接说需求,由 /hyperframes 分流。

适合谁 / 局限

适合没有视频团队、想快速出一版发布视频的独立开发者和小公司。局限:画面来自网页截图加动态排版,不是实拍也不是文生视频;流程长、要派多个子智能体,耗时和用量都不低;成片仍然需要人把关节奏与文案。

注意事项

  • 许可:Apache-2.0。
  • 会联网抓取你给的网址,只对你有权使用的网站和素材这样做。
  • 旁白与配乐:默认走 HeyGen 的音频接口,需要 HeyGen 账号凭据(存在 ~/.heygen),费用与条款以 HeyGen 官网为准;SKILL.md 提到也可以换成本地语音引擎 Kokoro,或在分镜里写 music: none 做无配乐版本。
  • 技能开头会建议运行 npx hyperframes skills update product-launch-video 保持最新,执行前会先问你。

其他 Skill 库

  1. 01

    durable-objects skill 是什么、怎么安装使用:Cloudflare 官方的 Durable Objects 开发 Skill(有状态与协调)

    durable-objects 是 Cloudflare 官方的 Durable Objects Skill:构建、调试或评审有持久状态与协调需求的代码时使用,讲清适用与不适用场景、关键规则、鉴权、存储操作、定时器和测试方法。

    ClaudeCodex0
  2. 02

    remotion-captions 是什么、怎么安装使用:给 Remotion 视频自动转写、显示和导入字幕的官方 Skill

    remotion-captions 是 Remotion 官方的字幕 Skill:规定字幕统一用 JSON 的 Caption 类型处理,并分别给出本地 Whisper 转写、在视频里显示与做动画、导入 SRT 字幕三套做法。

    ClaudeCodex0
  3. 03

    gws-calendar skill 是什么、怎么安装使用:让智能体用命令行查看和创建 Google 日历日程

    gws-calendar 是 Google Workspace CLI(gws)配套的日历技能:提供查看近期日程和新建日程两个快捷命令,并列出日历、日程、忙闲查询、访问控制等接口资源,调用前先查参数结构,写操作先确认。

    ClaudeGemini0
  4. 04

    design-taste-frontend skill 是什么、怎么安装使用:Taste Skill 的主技能,用三个「旋钮」管住 AI 的前端审美

    design-taste-frontend 是 Taste Skill 库的主技能:先读懂需求并用一句话说出设计判断,再用版式变化、动效强度、信息密度三个旋钮约束落地页、作品集和改版页面,交付前逐项自查「AI 味」。

    ClaudeCodex0
  5. 05

    minimalist-ui skill 是什么、怎么安装使用:让 AI 做出「文档感」极简界面的 Taste Skill 风格包

    minimalist-ui 是 Taste Skill 库里的一个风格技能:暖调单色配色、强烈的字体对比、扁平的便当格布局和低饱和点缀色,明确禁用渐变、重阴影和几款被用滥的字体与图标库。

    ClaudeCodex0
  6. 06

    scientific-visualization skill 是什么、怎么安装使用:K-Dense 的科研绘图 Skill(Matplotlib / Seaborn 出版级图)

    scientific-visualization 是 K-Dense 科研技能库里的绘图技能:用 Matplotlib、Seaborn 或 Plotly 制作并审核真实、无障碍、可发表的科研图,覆盖多面板布局、不确定性与缺失数据的呈现、配色对比检查和期刊导出规划。

    ClaudeCodex0

查看全部 Skill 库 →

0 条评论

登录 后参与评论

还没有评论,来抢沙发~