Introduction

DSH (DeepSeek Harness) emphasizes “everything is a plugin.” For agent developers, if the goal is to have the agent generate, modify, or organize videos based on HTML, the key is to integrate available video skills rather than rewriting a rendering pipeline within the application. dsh-hyperframes solves this step: after installation, it registers the 20 official HyperFrames by HeyGen skills into DSH, allowing conversations, command-line operations, and engineering workflows to revolve around the same set of HTML video skills.

Overview

dsh-hyperframes is a DSH video creation skills plugin, with the repository at STARDUSTLC666/dsh-hyperframes. It syncs HyperFrames by HeyGen skills to DSH, covering 20 skills according to the README checklist:

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

These skills are synced from the official repository heygen-com/hyperframes v0.8.20 (2026-08-31). The gsap and website-to-hyperframes from the old “five-piece set” have been merged upstream into the new skill system. It should be noted that the package.json description field still refers to the “five-piece set,” which differs from the 20-skill list described in the README.

Core Features

Below is an introduction to the verified skill coverage.

hyperframes

Covers the HTML video synthesis overview, including visual styles, palettes, captions, audio response, and transitions.

Core & Animation

  • hyperframes-core: Core concepts and component model.
  • hyperframes-animation: Animation adaptation, including GSAP, Anime.js, Lottie, Three.js, and WAAPI.
  • hyperframes-keyframes: Keyframe animations.

Audio, Captions & Creativity

  • hyperframes-audio: Voiceover and audio response visuals.
  • embedded-captions: Embedded captions.
  • hyperframes-creative: Creative templates and styles.
  • motion-graphics: Motion graphics.

Command Line & Registry

  • hyperframes-cli: The npx hyperframes command line interface, covering init/lint/inspect/preview/render/transcribe/tts/doctor.
  • hyperframes-registry: Registry component installation and wiring for hyperframes add.

Scenario-based Video Skills

  • faceless-explainer: Faceless explainer videos.
  • figma: Figma asset integration.
  • general-video: General video production.
  • media-use: Media asset usage guidelines.
  • music-to-video: Music-driven video.
  • pr-to-video: PR to video conversion.
  • product-launch-video: Product launch video.
  • remotion-to-hyperframes: Remotion project migration.
  • slideshow: Slideshow video.
  • talking-head-recut: Talking head re-cut.

Installation & Activation

First, install the plugin:

dsh plugin --profile web add dsh-hyperframes

After installation, restart and then trigger it by describing tasks in the conversation, for example:

把这个网址做成 HyperFrames 视频

When using npx hyperframes, the verified environment dependencies are:

Node.js ≥ 22 + FFmpeg

Uninstallation

The uninstall command is:

dsh plugin --profile web remove dsh-hyperframes

Restart the web service after uninstallation. For a thorough cleanup, you can manually delete the plugin lines covered in your profile’s cordis.patch.yml.

Typical Usage

After the installation steps above, there are three common usage paths.

  1. Give the goal in a DSH conversation, e.g., “Turn this website into a HyperFrames video.”
  2. Use npx hyperframes for engineering operations, including init/lint/inspect/preview/render/transcribe/tts/doctor.
  3. Use hyperframes add to install and wire registry components.

If you need to reuse outside of DSH, you can copy the directories under skills/ to other agent skill directories:

Agent Skill Directory
Claude Code ~/.claude/skills/
Cursor .cursor/skills/ (or skills/ inside the project)
Gemini CLI ~/.gemini/skills/
OpenAI Codex ~/.codex/skills/

Applicable Scenarios & Notes

Suitable for the following scenarios:

  • Hope DSH can use HyperFrames by HeyGen’s HTML video skills.
  • Need to extend the same set of skills to Claude Code, Cursor, Gemini CLI, and OpenAI Codex.
  • Need to migrate from Remotion projects to HyperFrames.

Notes before use:

  • The plugin runs with the current dsh process permissions; check the source code, dependencies, and license before installing.
  • License is MIT (ported orchestration); skill content copyright belongs to HeyGen.
  • Verified on @deepseek-ai/dsh@0.1.2-alpha.2 (2026-08-31).
  • Follows the cordis composition package patch model (cordis.patch.yml + dsh.bundle.patch); does not import any @deepseek-ai/* internal modules at runtime.
  • There is a discrepancy in wording between the package.json description and the README skill list; please refer to the actual installation commands and the current README when reading the installation documentation.

Resources

GitHub repository:

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

Directory page provided by plugin link:

https://www.skillhub.cn/plugins/STARDUSTLC666/dsh-hyperframes