前言¶

給產品做營銷視頻、給數據做可視化成片時，常見做法是用 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