디자인 워크플로

dsh-hyperframes

HeyGen의 HyperFrames를 이식했습니다. HTML을 완성된 영상으로 바꾸는 공식 스킬 다섯 가지.

무엇인가

설치 한 번으로 HeyGen의 공식 HyperFrames 스킬 다섯 가지가 하네스에 등록됩니다. 비주얼 스타일, 팔레트, 자막, 오디오 반응 트랜지션을 갖춘 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가 렌더링된 영상이 됩니다.
  • 일곱 단계의 website-to-video 파이프라인이 URL 하나를 완성된 클립으로 바꿉니다.
  • 스킬이 열린 SKILL.md 형식을 쓰므로 같은 세트가 Claude Code, Cursor, Codex로도 이어집니다.

다루는 내용

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

설치 방법

dsh-hyperframes

  1. 터미널에서 실행하세요.

    dsh plugin --profile web add dsh-hyperframes
  2. 플러그인을 인식하도록 dsh web을 다시 시작하세요.

  3. 그다음 원하는 디자인을 설명하세요. 하네스가 플러그인의 도구를 알아서 집어 듭니다.

DeepSeek Harness로 실행하는 법

  1. 웹 프로필에 플러그인을 추가하고 다시 시작하세요.

  2. "이 URL을 HyperFrames 영상으로 만들어 줘"라고 말해 파이프라인을 시작하세요.

  3. hyperframes CLI로 렌더링하세요. 의존성은 Node 22+와 FFmpeg뿐입니다.

여기 모인 플러그인은 모두 무료로 설치할 수 있으며, 실제 업스트림 출처로 연결됩니다.

DeepSeek Harness 저장소에서 더 보기 ↗

다음 단계

세팅 없이, OpenDesign으로 디자인하기

이 플러그인을 직접 설치해도 되고, OpenDesign으로 DeepSeek Harness 주위에 잘 정돈된 디자인 레이어를 통째로 두를 수도 있습니다. 키는 직접 가져오고, 산출물도 직접 소유하세요.

OpenDesign 데스크톱

하나의 디자인 시스템으로 모든 결과물에 브랜드 일관성을

완전한 Vibe Design Workspace에서 하나의 브랜드 규칙을 웹사이트, 슬라이드, 인터랙티브 프로토타입, 대시보드, 이미지, HTML 영상에 적용하세요. 로컬 Codex, Claude Code, Cursor 등을 연결해 무료로 제작할 수 있습니다.

  • 웹, 슬라이드, 프로토타입, 대시보드, 이미지, 영상
  • 140개+ 디자인 시스템과 전체 템플릿·스킬 라이브러리
  • 로컬 Codex 및 21개+ 코딩 에이전트 연결 · 무료
무료 다운로드

macOS, Windows 지원