设计工作流

dsh-hyperframes

HeyGen 出品的 HyperFrames 移植版:五个官方 Skill,把 HTML 变成成片视频。

这是什么

一次安装,把 HyperFrames by HeyGen 的五个官方 Skill 注册进 harness:带视觉风格、配色、字幕和音频响应转场的 HTML 视频合成、hyperframes CLI、组件仓库、网站转视频流水线,还有一份 GSAP 动画参考。

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

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

它对设计意味着什么

  • 在你本来就熟的介质里做动效:HTML 和 CSS 直接变成渲染出的视频。
  • 一条七步的网站转视频流水线,把一个 URL 变成一支成片。
  • Skill 用的是开放的 SKILL.md 格式,同一套还能带去 Claude Code、Cursor 和 Codex。

包含哪些内容

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

如何安装

dsh-hyperframes

  1. 在终端里运行这条命令。

    dsh plugin --profile web add dsh-hyperframes
  2. 重启 dsh web,让它加载这个插件。

  3. 然后描述你想要的设计,DeepSeek Harness 会自动用上插件提供的工具。

如何配合 DeepSeek Harness 使用

  1. 把插件加进你的 web profile,重启。

  2. 说一句「把这个 URL 做成 HyperFrames 视频」,就能触发流水线。

  3. 用 hyperframes CLI 渲染;依赖只有 Node 22+ 和 FFmpeg。

这里的每个插件都可以免费安装,并附上真实的上游源地址。

在 DeepSeek Harness 仓库里了解更多 ↗

下一步

用 OpenDesign 做设计,省掉那些配置

你可以自己装这个插件,也可以用 OpenDesign 在 DeepSeek Harness 外面套一整层精选设计层。自带 API Key,产出归你所有。

OpenDesign 桌面客户端

一套设计系统,让每一次创作都保持品牌一致

在完整的 Vibe Design Workspace 中,用同一套品牌规则生成网页、PPT、可交互原型、数据看板、图像与 HTML 视频。连接本地 Codex、Claude Code、Cursor 等编程助手,即可免费创作。

  • 覆盖网页、PPT、原型、数据看板、图像与视频
  • 140+ 设计系统,以及完整模板与技能库
  • 连接本地 Codex 与 21+ 款编程助手 · 免费使用
免费下载

支持 macOS 与 Windows