前言¶

给产品做营销视频、给数据做可视化成片时，常见做法是用 Premiere、Figma 动画或 Lottie 编辑器手工拖时间轴。这套流程对人友好，对程序不友好：想批量出片、想接 Agent 自动调用时，时间轴工具就成了障碍。下面介绍一个 Skill，它把「写 HTML 渲染视频」这条路线整理成一套可复制的方法论，面向 Agent 调用场景。

这是什么¶

HTML 渲染视频（Agent 向）指南，坐标 @kunlungrowth/kunlun-html-to-video-render，版本 1.0.0，由企业账号「昆仑增长」发布，分类 design-media，来源 enterprise，不需要 API Key。

它把 Hyperframes（写 HTML 渲染视频、为 Agent 而生）转译为一套「用网页技术栈生成视频」的方法论，帮助设计/工程团队用熟悉的 HTML/CSS/动画把动态内容批量渲染成视频，适合自动化与 Agent 调用。

核心思路是：视频由 HTML 文档的状态变化驱动，而不是由时间轴上的轨道驱动。因此同一套网页技术栈既能出设计稿，也能直接出片。

核心功能¶

根据官方简介，该 Skill 提供以下能力：

• 把动态内容用 HTML/CSS/动画描述，并渲染为视频。
• 支持批量渲染，适合自动化流程。
• 面向 Agent 调用设计，方法与参数便于程序化驱动。

官方页面未列出更细的命令级接口，这里不做展开。

安装与启用¶

官方抓取资料中未提供该 Skill 的安装命令或配置字段，SkillHub 页面显示安装数为 0，因此不在此写出未经核实的安装方式。建议直接访问官方地址查看安装说明：

https://www.skillhub.cn/skills/kunlungrowth/kunlun-html-to-video-render

该 Skill 基于通用 SKILL.md 格式，通常放入项目的 Skill 目录后即可被 Agent 识别调用。具体目录名与配置项以官方说明为准。

典型用法¶

官方简介给出的使用方式是：用 HTML/CSS/动画把动态内容写成可渲染的网页，再批量渲染成视频。

工作步骤大致如下：

1. 把视频内容拆成若干场景或片段，每段用 HTML 结构承载。
2. 用 CSS 控制排版、配色与动画时序，让片段按顺序变化。
3. 通过 Agent 调用 Skill，批量渲染这些内容并输出视频。

官方资料未提供可复现的命令行示例或代码片段，这里只描述流程，不给出未经核实的命令。

适用场景与注意¶

适合的场景：

• 设计/工程团队已有网页技术栈，希望直接产出视频素材。
• 需要批量生成同类视频，例如按数据或模板出片。
• 希望由 Agent 自动调用渲染流程，减少人工拖时间轴的工作。

需要注意：

• 该 Skill 提供的是方法论，不是现成的渲染器，实际渲染能力取决于 Hyperframes 对应的工具链。
• 素材中未给出该工具链的具体依赖与配置，落地前需自行确认。
• 该 Skill 的安装方式与配置字段在官方页面上尚未明确，接入前建议先核对官方说明。
• 该 Skill 不需要 API Key，但如后续依赖外部渲染服务，密钥与计费以对应服务为准。

结尾¶

这个 Skill 的价值在于把「写网页」和「出视频」合并成一条链路，让团队不必引入新的时间轴工具，就能用现有 HTML/CSS 能力做视频，并支持 Agent 批量调用。

官方地址：https://api.skillhub.cn/kunlungrowth/kunlun-html-to-video-render