Дизайн-процесс

dsh-hyperframes

Портированный HyperFrames by HeyGen: пять официальных скиллов, превращающих HTML в готовое видео.

Что это

Одна установка регистрирует в харнессе пять официальных скиллов HyperFrames by HeyGen: композиция HTML-видео с визуальными стилями, палитрами, субтитрами и аудиореактивными переходами, CLI hyperframes, реестр компонентов, конвейер «сайт → видео» и справочник по анимации 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.md, поэтому тот же набор переносится в Claude Code, Cursor и Codex.

Что внутри

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

Как установить

dsh-hyperframes

  1. Запустите это в терминале.

    dsh plugin --profile web add dsh-hyperframes
  2. Перезапустите dsh web, чтобы он подхватил плагин.

  3. Дальше опишите нужный дизайн. Харнесс подхватит инструменты плагина.

Как запустить с DeepSeek Harness

  1. Добавьте плагин в свой профиль web и перезапустите.

  2. Скажите «сделай из этого URL видео HyperFrames», чтобы запустить конвейер.

  3. Рендерьте через CLI hyperframes; из зависимостей только Node 22+ и FFmpeg.

Каждый плагин здесь бесплатен для установки и ведёт на свой реальный исходник.

Больше в репозитории DeepSeek Harness ↗

Следующий шаг

Проектируйте с OpenDesign без возни с настройкой

Поставьте этот плагин сами или разверните вокруг DeepSeek Harness целый кураторский дизайн-слой в OpenDesign. Свой ключ, свой результат.

OpenDesign для компьютера

Одна дизайн-система. Единый образ бренда во всех материалах

В полном Vibe Design Workspace одни и те же правила бренда работают для сайтов, слайдов, интерактивных прототипов, дашбордов, изображений и HTML-видео. Подключите локальные Codex, Claude Code, Cursor и другие кодинг-агенты и создавайте бесплатно.

  • Сайты, слайды, прототипы, дашборды, изображения и видео
  • Более 140 дизайн-систем и полная библиотека шаблонов и навыков
  • Локальный Codex и более 21 кодинг-агента · Бесплатно
Скачать бесплатно

Для macOS и Windows