前言¶
做口播或解说类短视频时，常见路径是：在剪辑软件里逐段对齐字幕、再单独处理动效。若内容本身已经是一篇成稿，还要重复排版、对时间轴，成本会叠在文案之外。下面介绍 SkillHub 上的社区 Skill「织影 HyperFrames」，它把视频制作收束到「HTML + CSS + GSAP」的声明式工作流里，由 Agent 根据文案生成带配音、字幕与动画的项目，并支持渲染为 MP4。
这是什么¶
织影 HyperFrames（坐标 @user_51f4fe43/hyperhrames，版本 1.0.0）是 SkillHub 分类 design-media 下的社区来源 Skill，发布者为 user_51f4fe43。SkillHub 页面标注作者为韓先森。
官方简介将其定位为 HyperFrames 视频项目生成器：基于 HTML、CSS 与 GSAP 的声明式视频制作流程，可将文章或文案自动转化为包含配音、字幕与动画的完整视频项目，并支持一键渲染出 MP4。标签 requires_api_key=false，表示按 SkillHub 元数据无需额外配置 API Key。
核心功能¶
以下能力均来自 SkillHub 与官方 API 页面上的简介说明，未单独展开实现细节：
- 声明式画面：以 HTML + CSS + GSAP 描述画面与时间轴，而不是在通用剪辑软件里手工拖轨道。
- 文案驱动：输入文章或口播稿，由 Skill 引导生成对应视频项目结构（含配音与字幕、动画）。
- 出片：支持将项目渲染为 MP4，便于新媒体分发。
- 对话触发：可用 HyperFrames、HF 视频、HTML 视频、文章转视频、口播视频、一键出片等表述唤起相关能力。
安装与启用¶
安装方式以 SkillHub 页面为准：参照 SkillHub 安装与优先源配置，安装坐标 @user_51f4fe43/hyperhrames。
1、确认 skillhub CLI¶
command -v skillhub && skillhub --version
若未安装，可按官方文档执行完整安装（示例为文档中的推荐命令）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
2、安装到当前 Agent 的 skills 目录¶
SkillHub 文档要求安装时必须用 --dir 指向当前客户端识别的 skills 目录，否则默认落在 ./skills/ 可能不会被 Agent 加载。
在 Cursor 中，常见路径为 ~/.cursor/skills/：
skillhub install user_51f4fe43/hyperhrames --dir ~/.cursor/skills/
也可将提示词发给 AI，让其按上述文档安装 @user_51f4fe43/hyperhrames（SkillHub 技能页提供的安装话术）。
Claude Code、Codex 等客户端的 skills 路径以 skillhub.md 第四节列表为准；安装命令形式相同，仅 --dir 目标不同。安装后若客户端有缓存 skills 的机制，按各自说明刷新或重启后再试。
典型用法¶
公开页面未提供该坐标下 SKILL.md 的在线原文，因此这里只复述官方简介中的使用方式，不虚构具体目录或脚本名。
- 在已启用该 Skill 的对话中，用触发词或自然语言说明目标，例如「用 HyperFrames 把下面文章做成口播视频」或「文章转视频，一键出片」。
- 粘贴完整文章或口播文案，并说明画幅、时长或风格等约束（若你有明确要求）。
- 按 Agent 与 Skill 指引完成 HTML/CSS/GSAP 项目生成、配音与字幕对齐，再执行渲染步骤得到 MP4。
具体每一步的文件命名、渲染命令以安装后本地的 SKILL.md 为准。
适用场景与注意¶
适合：公众号文章转视频、AI 故事类短片、新媒体内容视频化、需要批量把文稿变成短视频的团队或个人（场景表述来自官方简介）。
注意：
- 坐标 URL 为
hyperhrames（与 HyperFrames 拼写略有差异），安装与引用时请与 SkillHub 坐标一致。 - SkillHub 元数据：评分 100000，下载 2272 次（以抓取时页面为准，会随时间变化）。
- 渲染 MP4 通常依赖本机或项目环境中的 FFmpeg 等工具链；Skill 简介未列出最低环境，实际以安装后 Skill 文档说明为准。
- 社区来源 Skill，升级与维护节奏取决于发布者；重要项目建议在固定版本下验证出片效果后再批量使用。
结尾¶
织影 HyperFrames 把「文稿 → 配音、字幕、动效 → MP4」收进 Agent Skill 与 HTML 声明式工作流，适合希望少碰传统剪辑时间轴、又多篇复用同一套视频化流程的场景。
- SkillHub 技能页：https://www.skillhub.cn/skills/user_51f4fe43/hyperhrames
- 官方 API 入口：https://api.skillhub.cn/user_51f4fe43/hyperhrames
- 安装说明：https://skillhub.cn/install/skillhub.md
