Fluxo de Design

dsh-hyperframes

HyperFrames da HeyGen, portado: cinco skills oficiais que transformam HTML em vídeo finalizado.

O que é

Uma única instalação registra no harness as cinco skills oficiais do HyperFrames da HeyGen: composição de vídeo em HTML com estilos visuais, paletas, legendas e transições reativas ao áudio, a CLI do hyperframes, o registro de componentes, um pipeline de site para vídeo e uma referência de animação GSAP.

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

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

Por que isso importa para design

  • Motion design no meio em que você já trabalha: HTML e CSS viram vídeo renderizado.
  • Um pipeline de site para vídeo em sete etapas transforma uma URL num clipe produzido.
  • As skills usam o formato aberto SKILL.md, então o mesmo conjunto vale para Claude Code, Cursor e Codex.

O que cobre

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

Como instalar

dsh-hyperframes

  1. Rode isto em um terminal.

    dsh plugin --profile web add dsh-hyperframes
  2. Reinicie o dsh web para ele carregar o plugin.

  3. Depois descreva o design que você quer. O harness carrega as ferramentas do plugin.

Como rodar com o DeepSeek Harness

  1. Adicione o plugin ao seu perfil web e reinicie.

  2. Diga “transforme esta URL num vídeo HyperFrames” para acionar o pipeline.

  3. Renderize pela CLI do hyperframes; Node 22+ e FFmpeg são as únicas dependências.

Todo plugin aqui é gratuito para instalar e leva até a sua fonte original.

Mais no repositório do DeepSeek Harness ↗

Próximo passo

Projete com o OpenDesign, sem a configuração

Instale este plugin por conta própria ou rode uma camada de design curada em volta do DeepSeek Harness com o OpenDesign. Use sua própria chave e seja dono do resultado.

OpenDesign Desktop

Um design system. Sua marca consistente em tudo

No Vibe Design Workspace completo, aplique as mesmas regras de marca a sites, apresentações, protótipos interativos, dashboards, imagens e vídeos HTML. Conecte Codex, Claude Code, Cursor e outros agentes de código locais e crie de graça.

  • Sites, apresentações, protótipos, dashboards, imagens e vídeo
  • Mais de 140 design systems e a biblioteca completa de templates e skills
  • Codex local e mais de 21 agentes de código · Grátis
Baixar grátis

Disponível para macOS e Windows