Design-Workflow

dsh-hyperframes

HyperFrames by HeyGen, portiert: fünf offizielle Skills, die HTML in fertiges Video verwandeln.

Worum es geht

Eine Installation registriert die fünf offiziellen HyperFrames-by-HeyGen-Skills im Harness: HTML-Video-Komposition mit visuellen Stilen, Paletten, Untertiteln und audio-reaktiven Übergängen, die hyperframes-CLI, die Komponenten-Registry, eine Website-zu-Video-Pipeline und eine GSAP-Animationsreferenz.

Five skills: hyperframes, hyperframes-cli, hyperframes-registry, website-to-hyperframes, gsap

DSH(DeepSeek Harness)视频创作技能插件:安装即把 HyperFrames by HeyGen 官方移植技能五件套注册进 DSH(HTML 写视频:合成、GSAP 动画、字幕、配音、音频响应、网址转视频)。
Aus der Upstream-README

Warum das fürs Design zählt

  • Motion Design in dem Medium, in dem du ohnehin arbeitest: aus HTML und CSS wird gerendertes Video.
  • Eine siebenstufige Website-zu-Video-Pipeline macht aus einer URL einen produzierten Clip.
  • Die Skills nutzen das offene SKILL.md-Format, dasselbe Set läuft also auch in Claude Code, Cursor und Codex.

Was es abdeckt

  • 安装
  • 技能清单
  • 依赖
  • 移植说明
  • 跨平台使用

So installierst du es

dsh-hyperframes

  1. Führe das in einem Terminal aus.

    dsh plugin --profile web add dsh-hyperframes
  2. Starte dsh web neu, damit es das Plugin lädt.

  3. Beschreibe dann das gewünschte Design. Der Harness greift die Tools des Plugins auf.

So nutzt du es mit DeepSeek Harness

  1. Füg das Plugin deinem web-Profil hinzu und starte neu.

  2. Sag „mach aus dieser URL ein HyperFrames-Video", um die Pipeline anzustoßen.

  3. Rendere über die hyperframes-CLI; Node 22+ und FFmpeg sind die einzigen Abhängigkeiten.

Jedes Plugin hier ist kostenlos installierbar und verlinkt auf seine echte Originalquelle.

Mehr im DeepSeek-Harness-Repo ↗

Nächster Schritt

Mit OpenDesign designen, ohne Setup

Installiere dieses Plugin selbst, oder leg mit OpenDesign eine ganze kuratierte Design-Ebene um DeepSeek Harness. Eigener Key, eigenes Ergebnis.

OpenDesign Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS und Windows