Flujo de diseño

dsh-hyperframes

HyperFrames de HeyGen, portado: cinco skills oficiales que convierten HTML en vídeo terminado.

Qué es

Una sola instalación registra en el harness las cinco skills oficiales de HyperFrames de HeyGen: composición de vídeo HTML con estilos visuales, paletas, subtítulos y transiciones reactivas al audio, la CLI de hyperframes, el registro de componentes, un pipeline de web a vídeo y una referencia de animación GSAP.

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

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

Por qué importa para el diseño

  • Diseño de movimiento en el medio en el que ya trabajas: HTML y CSS se convierten en vídeo renderizado.
  • Un pipeline de web a vídeo en siete pasos convierte una URL en un clip producido.
  • Las skills usan el formato abierto SKILL.md, así el mismo conjunto sirve en Claude Code, Cursor y Codex.

Qué cubre

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

Cómo instalarlo

dsh-hyperframes

  1. Ejecuta esto en una terminal.

    dsh plugin --profile web add dsh-hyperframes
  2. Reinicia dsh web para que cargue el plugin.

  3. Luego describe el diseño que quieres. El harness recoge las herramientas del plugin.

Cómo ejecutarlo con DeepSeek Harness

  1. Añade el plugin a tu perfil web y reinicia.

  2. Di «convierte esta URL en un vídeo de HyperFrames» para disparar el pipeline.

  3. Renderiza con la CLI de hyperframes; Node 22+ y FFmpeg son las únicas dependencias.

Todos los plugins de esta colección se pueden instalar gratis y enlazan a su fuente original real.

Más en el repo de DeepSeek Harness ↗

Siguiente paso

Diseña con OpenDesign, sin montar nada

Instala este plugin tú mismo, o ejecuta toda una capa de diseño curada alrededor de DeepSeek Harness con OpenDesign. Trae tu propia key: lo que produzcas es tuyo.

OpenDesign Desktop

Un sistema de diseño. Tu marca, coherente en cada resultado

En el Vibe Design Workspace completo, aplica las mismas reglas de marca a sitios web, presentaciones, prototipos interactivos, dashboards, imágenes y vídeo HTML. Conecta Codex, Claude Code, Cursor y otros agentes de código locales y crea gratis.

  • Web, presentaciones, prototipos, dashboards, imágenes y vídeo
  • Más de 140 sistemas de diseño y la biblioteca completa de plantillas y skills
  • Codex local y más de 21 agentes de código · Gratis
Descargar gratis

Disponible para macOS y Windows