AI 短视频工厂:用 HTML 与 HyperFrames 产出 MP4

前言

短视频、产品发布片、数据可视化动效,常见路径是剪映模板、After Effects,或录屏加后期。若你希望 Agent 按固定版式反复出片、且画面由 HTML/CSS(含 GSAP)描述,再把结果落成 MP4,就需要一条「可编排、可复现」的流水线。下面介绍 SkillHub 社区 Skill「AI 短视频工厂」的定位与安装方式。

这是什么

「AI 短视频工厂」(坐标 @user_1adf4242/ai-short-video-factory)是 SkillHub 上的一条 design-media 类 Skill,版本 1.0.0,来源为 community,由发布者 user_1adf4242(SkillHub 页标注作者为 Raelzhang)维护。

官方简介说明:该 Skill 通过 HyperFrames 从 HTML 生成 MP4 视频,面向带字幕的口播剪辑、产品发布、数据可视化、代码讲解、社交短片、GSAP 动画与转场、音轨混流,以及确定性渲染(相同输入得到相同输出)。页面标签标明 requires_api_key=false,即不强制额外 API Key。

官方入口:

  • API 资源:https://api.skillhub.cn/user_1adf4242/ai-short-video-factory
  • SkillHub 展示页:https://www.skillhub.cn/skills/user_1adf4242/ai-short-video-factory

核心功能

以下能力均来自官方简介,未在公开页展开实现细节的部分不臆测:

  1. HTML → MP4:以 HTML 为画面载体,经 HyperFrames 导出 MP4。
  2. 内容与形式:支持 captioned talking-head edits、product launches、data visualizations、code walkthroughs、social clips。
  3. 动效与后期:支持 GSAP animations、transitions、audio muxing。
  4. 渲染特性:强调 deterministic rendering,适合需要可重复产出的自动化场景。

安装与启用

SkillHub 给出的通用做法是:让 Agent 按安装文档拉取该 Skill,或在本机用 skillhub CLI 安装到当前 Agent 的 skills 目录(装错目录 Agent 不会加载)。

方式一:提示词安装(SkillHub 页推荐)

将下面意图发给支持 Skill 的 AI(如 Cursor、Claude Code 等),由 Agent 按官方安装说明操作:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_1adf4242/ai-short-video-factory。

方式二:skillhub CLI

先确认是否已安装 CLI:

command -v skillhub && skillhub --version

未安装时,可按 SkillHub 安装文档执行完整安装或仅 CLI(文档地址:https://skillhub.cn/install/skillhub.md)。

安装本 Skill 时需用 --dir 指向当前环境的 skills 目录,例如:

skillhub install user_1adf4242/ai-short-video-factory --dir ~/.cursor/skills/

其他常见路径(摘自 SkillHub 安装文档,按你实际使用的客户端替换):

  • Claude Code:~/.claude/skills/
  • Cursor:~/.cursor/skills/
  • Codex:~/.codex/skills/ 或项目下的 .agents/skills/

安装完成后重启或刷新 Agent,使 Skill 被识别。公开资料未单独列出 Cursor / Codex CLI / Claude Code 的差异步骤,除 skills 目录外可统一按上述流程处理。

典型用法

SkillHub 公开页未附带逐步命令示例或仓库内 SKILL.md 全文;可复现的起步方式如下:

  1. 完成上一节安装,确认 Agent 已加载 @user_1adf4242/ai-short-video-factory。
  2. 在对话中说明目标成片类型(如产品发布短片、带字幕口播、数据图表动画、代码 walkthrough),并给出 HTML 结构、文案、时长或音轨需求。
  3. 让 Agent 按 Skill 指引组织 HyperFrames 与 HTML,导出 MP4;需要 GSAP、转场或混音时一并写在需求里。

具体帧率、分辨率、CLI 参数等以安装后 Agent 读到的 Skill 说明为准;本文不编造未公开的配置项。

适用场景与注意

适合谁

  • 已用 Cursor、Claude Code 等带 Skills 的 Agent,希望把「写 HTML + 出片」收进一条工作流。
  • 需要 GSAP、转场、混音等能力,且重视 deterministic rendering 的团队或个人。

使用注意

  • 分类为 design-media,偏设计与媒体产出,不是通用剪辑替代品;复杂实拍后期仍需专业工具。
  • 社区来源(community),升级与维护节奏取决于发布者;使用前可在 SkillHub 页查看版本 1.0.0 与更新说明。
  • 截至资料抓取时,SkillHub 统计为评分 100000、下载 1028 次;实际体验以你本地 Agent 与 Skill 内容为准。

结尾

「AI 短视频工厂」把 HTML、HyperFrames 与 MP4 导出绑在 Agent Skill 上,适合把短视频、发布片、可视化等需求交给对话式编排。安装与详情见 SkillHub:https://www.skillhub.cn/skills/user_1adf4242/ai-short-video-factory。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜