前言¶
做模塊化視頻引擎時，產物通常是一段可渲染的時間線：場景、鏡頭、字幕、轉場都有結構化描述，但「畫面長成什麼樣」往往只停留在參考圖裏。把視覺風格固化成可複用的模板，需要同時改畫面元素、材質、配色、字體和轉場，代碼量不小，且每換一種風格就要重做一遍。
下面介紹的視頻視覺風格庫就是處理這一層。它面向 HyperFrames 渲染，把 product-infographic-styles 已定義的 16 種產品信息圖風格，轉化爲可用的 HTML/CSS 模板，並作爲模塊化視頻引擎中「視頻視覺風格」維度的組成部分接入。它來自 SkillHub 社區，座標 @user_d8831e99/video-visual-styles。
這是什麼¶
一句話定位：視頻視覺風格模塊庫 —— 16 種產品信息圖風格 → HTML/CSS 視頻模板。
- 出品/維護：
user_d8831e99，來源爲 community - 版本：1.0.0
- 分類：design-media
- 座標：
@user_d8831e99/video-visual-styles - 能力邊界：負責風格模板的生成與轉換，不負責時間線編排、鏡頭調度，也不負責產出最終視頻文件
核心功能¶
已覈實的能力只有簡介中明確列出的幾項：
1、把 product-infographic-styles 的 16 種風格轉化爲 HyperFrames 可渲染的 HTML 模板。這裏是「HTML 模板」，不是貼圖或預設文件，風格落在 CSS 與結構上。
2、模板嵌入模塊化視頻引擎的視頻視覺風格維度。也就是說，調用方把該 Skill 當作風格維度的一個可選實現，由引擎決定何時啓用。
3、覆蓋面爲 16 種產品信息圖風格，含手工紙藝、3D 粘土、黑板粉筆、孟菲斯、實驗室藍圖等。其餘 11 種風格名稱在已有資料中未列出，不展開。
需要區分的是：product-infographic-styles 定義「有哪些風格、各自視覺特徵是什麼」；本 Skill 負責把這些特徵落成「能渲染的 HTML/CSS」。兩者是上下游關係，不是替代品。
安裝與啓用¶
Skill 頁面提示 requires_api_key=false，說明調用不需要額外配置 API key。
官方地址：
https://api.skillhub.cn/user_d8831e99/video-visual-styles
SkillHub 頁面：
https://www.skillhub.cn/skills/user_d8831e99/video-visual-styles
安裝命令與配置文件字段在已有資料中沒有給出（兩個 URL 本次也無法抓取正文）。因此這裏不寫 npm、npx 或 claude --install 之類的具體命令，避免給出未經驗證的步驟。需要落地時，先打開上面兩個地址覈對 SkillHub 當前給出的安裝與配置方式。
可以確認的接入前提：
- 渲染目標爲 HyperFrames
- 上游需要 product-infographic-styles 提供的 16 種風格定義
- 無 API key 要求
典型用法¶
官方資料只給出觸發詞，沒有完整示例。可複用的調用思路如下，步驟描述取自簡介，非可執行腳本。
1、準備風格輸入。調用方從 product-infographic-styles 取出需要的某一種風格，例如手工紙藝或實驗室藍圖。
2、指定渲染目標。把目標設定爲 HyperFrames，產出形式爲 HTML/CSS 模板。
3、生成模板。基於該風格的顏色、材質、字體與構圖特徵，輸出對應的 HTML 結構與 CSS。
4、嵌入視頻引擎。把生成結果掛到模塊化視頻引擎的視頻視覺風格維度，由引擎在後續渲染流程中調用。
觸發詞包括：視頻風格、視覺風格、做視頻換風格、產品信息圖風格、16 種風格。用這些詞觸發的是對本 Skill 風格能力的調用，不是獨立的渲染命令。
適用場景與注意¶
適合的場景：
- 已經在用 HyperFrames 做視頻渲染，需要批量替換視覺風格
- 已有 product-infographic-styles 的 16 種風格定義，缺 HTML/CSS 落地層
- 需要在模塊化視頻引擎的風格維度上做切換或組合
限制與坑：
- 風格能力依賴上游。沒有 product-infographic-styles 的風格定義，就缺少輸入依據。
- 模板是 HTML/CSS，不等於成片。片段銜接、時長、字幕和配音需要由視頻引擎另行處理。
- 16 種風格中能覈實名稱的只有手工紙藝、3D 粘土、黑板粉筆、孟菲斯、實驗室藍圖五種，接入前應以官方資料給出的完整列表爲準。
- Skill 頁面顯示下載 1077、安裝 0，生態使用量還不大，遇到問題需要自行驗證。
- 安裝語句未能覈實，不要照抄第三方文檔中的命令。
結尾¶
這套庫的價值在於把「16 種已定義的信息圖風格」與「HyperFrames 渲染產物」之間的轉換固定下來，讓風格成爲可切換的維度，而不是每次都手寫一遍樣式。如果你手上的流程已經具備 product-infographic-styles 與 HyperFrames，可以把它作爲視頻視覺風格維度的一個實現接入。
官方地址：https://api.skillhub.cn/user_d8831e99/video-visual-styles
