dsh-hyperframes:把 HyperFrames by HeyGen 的 20 个视频技能注册进 DSH

前言

DSH(DeepSeek Harness)强调「一切皆插件」。对智能体开发者来说,如果希望 agent 能基于 HTML 生成、修改或整理视频,关键是把可用的视频技能接进来,而不是在应用里重写一套渲染流程。dsh-hyperframes 解决的就是这一步:安装后,把 HyperFrames by HeyGen 官方 20 个技能注册进 DSH,让对话、命令行和工程化操作可以围绕同一套 HTML 视频技能展开。

这是什么

dsh-hyperframes 是一个 DSH 视频创作技能插件,仓库为 STARDUSTLC666/dsh-hyperframes。它把 HyperFrames by HeyGen 的技能同步到 DSH,按 README 清单覆盖 20 个技能:

hyperframes
hyperframes-core
hyperframes-animation
hyperframes-audio
hyperframes-keyframes
hyperframes-creative
hyperframes-cli
hyperframes-registry
embedded-captions
faceless-explainer
figma
general-video
media-use
motion-graphics
music-to-video
pr-to-video
product-launch-video
remotion-to-hyperframes
slideshow
talking-head-recut

这些技能同步自官方仓库 heygen-com/hyperframes v0.8.20(2026-08-31)。旧版五件套中的 gsapwebsite-to-hyperframes 已被上游合并进新技能体系。需要注意的是,package.json 描述字段仍写“五件套”,与 README 的 20 技能清单表述存在差异。

核心功能

下面介绍已核实的技能覆盖范围。

hyperframes

覆盖 HTML 视频合成总纲,包括视觉风格、调色板、字幕、音频响应、转场。

核心与动画

  • hyperframes-core:核心概念与组件模型。
  • hyperframes-animation:动画适配,包括 GSAP、Anime.js、Lottie、Three.js、WAAPI。
  • hyperframes-keyframes:关键帧动画。

音频、字幕与创意

  • hyperframes-audio:配音、音频响应视觉。
  • embedded-captions:内嵌字幕。
  • hyperframes-creative:创意模板与风格。
  • motion-graphics:动态图形。

命令行与注册表

  • hyperframes-clinpx hyperframes 命令行,覆盖 init/lint/inspect/preview/render/transcribe/tts/doctor
  • hyperframes-registryhyperframes add 注册表组件安装与接线。

场景化视频技能

  • faceless-explainer:无脸讲解视频。
  • figma:Figma 素材接入。
  • general-video:通用视频制作。
  • media-use:媒体素材使用规范。
  • music-to-video:音乐驱动视频。
  • pr-to-video:PR 转视频。
  • product-launch-video:产品发布视频。
  • remotion-to-hyperframes:Remotion 项目迁移。
  • slideshow:幻灯片视频。
  • talking-head-recut:口播重剪。

安装与启用

先安装插件:

dsh plugin --profile web add dsh-hyperframes

安装后重启,然后在对话里描述任务即可触发,例如:

把这个网址做成 HyperFrames 视频

使用 npx hyperframes 时,已核实的环境依赖为:

Node.js ≥ 22 + FFmpeg

卸载

卸载命令为:

dsh plugin --profile web remove dsh-hyperframes

卸载后重启 Web 服务。如需彻底清理,可再手动删除自己 profile cordis.patch.yml 中覆盖的插件行。

典型用法

经过上面的安装步骤,常见使用路径有三类。

1、在 DSH 对话中给出目标,例如「把这个网址做成 HyperFrames 视频」。

2、使用 npx hyperframes 做工程化操作,包括 init/lint/inspect/preview/render/transcribe/tts/doctor

3、使用 hyperframes add 安装并接线注册表组件。

如果需要在 DSH 之外复用,可以把 skills/ 下的目录复制到其他 agent 的技能目录:

Agent 技能目录
Claude Code ~/.claude/skills/
Cursor .cursor/skills/(或项目内 skills/
Gemini CLI ~/.gemini/skills/
OpenAI Codex ~/.codex/skills/

适用场景与注意

适合以下场景:

  • 希望 DSH 能使用 HyperFrames by HeyGen 的 HTML 视频技能。
  • 需要把同一套技能扩展到 Claude Code、Cursor、Gemini CLI、OpenAI Codex。
  • 需要从 Remotion 项目迁移到 HyperFrames。

使用前注意:

  • 插件以当前 dsh 进程权限运行,安装前应检查源码、依赖和许可证。
  • 许可证为 MIT(移植编排);技能内容版权归 HeyGen。
  • @deepseek-ai/dsh@0.1.2-alpha.2 上验证(2026-08-31)。
  • 遵循 cordis 组合包补丁模型(cordis.patch.yml + dsh.bundle.patch),运行时不 import 任何 @deepseek-ai/* 内部模块。
  • package.json 描述与 README 技能清单存在表述差异,阅读安装文档时以实际安装命令和当前 README 为准。

资源

GitHub 仓库:

https://github.com/STARDUSTLC666/dsh-hyperframes

插件线索给出的目录页:

https://www.skillhub.cn/plugins/STARDUSTLC666/dsh-hyperframes
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye