
이 Skill로 렌더링한 결과
모자이크 오퍼 카드 v1.0.0
영상 타일이 움직이는 모자이크, 두 줄 헤드라인, 기능 필, 큼직한 할인 코드를 담은 세로형 오퍼 카드입니다.
- 포맷
- 숏폼 · 9:16
- 길이
- 0:10
10초짜리 9:16 프로모션을 위한 무료 HyperFrames 블록입니다. 로고, 두 줄짜리 세리프 헤드라인, 서브헤드 아래로 타일 그리드가 화면을 가로질러 흐르며 내 영상 클립과 혜택, 할인 접미어, 코드 타일을 섞어 보여 주고, 그 아래에 기능 필 두 개가 놓입니다. 로고, 헤드라인, 서브헤드, 필, 혜택 값, 접미어, 코드, 모든 색이 변수이며, 영상 타일 다섯 개는 파일을 교체해 바꿉니다.
2026년 11월 4일 업데이트
받게 되는 것
- 10초 길이 1080×1920 MP4 프로모션 카드
- 혜택과 코드가 함께 흐르는 내 클립 모자이크
- 모든 문구, 코드, 로고, 색을 위한 변수
잘 맞는 경우
- 할인·출시 프로모션
- 이커머스·앱 프로모션
- 스토리, 릴스, 쇼츠
맞지 않는 경우
- 혜택 없는 브랜드 필름
- 가로 포맷
이 Skill에 대하여
/heygen-avatar-promo-card Halden 오퍼 카드를 만들어 줘. 헤드라인 "Run softer, / with Halden.", 서브헤드 "The Solace knit runner.", 필은 "KNIT UPPER"와 "SOFT FOAM", 코드 RUN25로 25% 할인, Halden 클립 다섯 개 사용.
프로모션은 세 가지를 빨리 말해야 합니다. 무엇인지, 왜 좋은지, 그리고 코드. 모자이크 오퍼 카드는 이 모두를 움직이는 카드 한 장에 담습니다. 흐르는 모자이크 속 제품 클립, 자신감 있는 헤드라인, 기능 필 두 개, 큼직한 코드 타일까지.
작동 방식
- 요청: 두 줄 헤드라인, 서브헤드, 기능 필 두 개, 할인율과 코드, 로고, 짧은 클립 다섯 개를 에이전트에게 알려 줍니다.
- 채우기: 문구와 색을 블록 변수에 넣고, 텍스트는 레이아웃이 설계된 길이에 가깝게 맞춥니다.
- 렌더링:
npx hyperframes render로 초안을 렌더링해 몇 프레임을 확인한 뒤 최종 MP4를 렌더링합니다. - 재사용: 변수는 작은 JSON 파일 하나에 들어 있어, 다음 버전도 렌더링 한 번이면 됩니다.
팁
- 제품을 여러 각도에서 담은 짧은 클립 다섯 개를 쓰세요.
- 헤드라인은 짧은 두 줄로 쓰세요.
- 코드는 RUN25처럼 입력하기 쉽게 만드세요.
- 캔버스와 포인트 색을 브랜드에 맞추세요.
오픈소스
HyperFrames 레지스트리 블록입니다. HeyGen과 HyperFrames 기여자들이 만들어(heygen-com/hyperframes) Apache License 2.0으로 공개했습니다. 다운로드에는 에셋이 포함된 블록과 Reelity가 작성한 SKILL.md가 들어 있어 에이전트가 바로 채우고 렌더링할 수 있으며, HyperFrames 자체는 npm에서 실행됩니다.
시작 전에 필요한 것
- 준비물
- 짧은 제품 클립 다섯 개, 헤드라인, 필 두 개, 할인율, 코드, 로고.
- 의존성
- Node.js 22 이상 — 필수 · FFmpeg — 필수
- 외부 비용
- 없습니다. HyperFrames는 무료 오픈소스이며 내 컴퓨터에서 렌더링됩니다.
- 마지막 테스트
- v1.0.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
아바타 영상을 꼭 써야 하나요?
아니요. 타일에는 어떤 짧은 클립이든 넣을 수 있습니다. 원본에는 AI 아바타 클립이 들어 있고, 저희 샘플은 Halden 제품 컷을 씁니다.
코드를 바꿀 수 있나요?
네. 혜택 값과 함께 코드의 접두어와 접미어가 변수입니다.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 HyperFrames 블록입니다. 그대로 소개하며, 에이전트가 쓸 수 있도록 SKILL.md를 더하고 저희 하우스 브랜드 중 하나인 Halden Solace로 만든 샘플을 함께 올렸습니다.






