前言¶

做模块化视频引擎时，产物通常是一段可渲染的时间线：场景、镜头、字幕、转场都有结构化描述，但「画面长成什么样」往往只停留在参考图里。把视觉风格固化成可复用的模板，需要同时改画面元素、材质、配色、字体和转场，代码量不小，且每换一种风格就要重做一遍。

下面介绍的视频视觉风格库就是处理这一层。它面向 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