
이 Skill로 렌더링한 결과
Cuboid 카드 캐러셀 v1.0.0
베벨 처리된 3D 카드 행렬이 흐르는 물결을 타고, 카드 한 장이 빠져나와 카메라를 향해 돌아선 뒤 멈춥니다.
- 포맷
- 영상 · 16:9
- 길이
- 0:07
짧은 콘텐츠 캐러셀을 위한 무료 HyperFrames 블록입니다. 카테고리, 제목, 작은 알약 라벨 두 개가 담긴 직육면체 카드 최대 열두 장이 조명이 비치는 3D 장면 속 물결을 탑니다. 히어로 카드가 대열에서 이탈해 회전하고 정면으로 자리 잡습니다. 카드는 JSON 변수 하나로 정하고, 조명, 재질, 카메라도 변수입니다.
2026년 11월 2일 업데이트
받게 되는 것
- 조명이 비치는 3D 카드 물결이 담긴 6.7초 길이의 1920×1080 MP4
- JSON 목록 하나로 만드는 최대 열두 장의 카드
- 대열에서 빠져나와 멈추는 히어로 카드
잘 맞는 경우
- 신제품 출시와 컬렉션 티저
- 로드맵, 할 일 목록, 기능 목록
- 행사 일정과 라인업
맞지 않는 경우
- 카드 위의 사진(카드에는 텍스트가 들어갑니다)
- 긴 글. 카드마다 몇 단어만 보입니다
이 Skill에 대하여
/cuboid-carousel 핸드백 신상 출시용으로 카드 여덟 장짜리 cuboid 캐러셀을 만들어 줘. 카테고리는 "Vael Cerise", 제목은 "Cherry leather tote", "Brass hardware", "Room for a laptop" 같은 식으로, 알약 라벨에는 재고와 가격을 넣어. 마지막은 "The Cerise tote is here"로 끝내.
무게감 있는 캐러셀. Cuboid Carousel은 카드를 베벨 처리된 블록으로 만들어 진짜 조명과 그림자를 입히고, 흐르는 물결 위에 올린 뒤 핸드헬드 느낌의 카메라로 그 옆을 훑습니다. 그리고 고른 히어로 카드가 대열에서 떠올라 굴러가다 카메라를 마주 보며 착지해 마지막 박자를 장식합니다.
작동 방식
- 요청: 캐러셀에 들어갈 내용을 에이전트에게 알려 줍니다. 항목마다 카드 한 장, 각각 카테고리, 제목, 그리고 상태와 날짜나 가격 같은 알약 라벨 두 개입니다.
- 설정: 블록을 HyperFrames 프로젝트에 넣고 문구와 색을 렌더 변수로 채웁니다.
- 미리보기: 몇 프레임을 확인한 뒤
npx hyperframes render로 1920×1080 MP4를 렌더링합니다. - 재사용: 변수는 JSON 파일 하나에 들어 있어, 새 헤드라인이나 새 브랜드도 렌더링 한 번이면 됩니다.
팁
- 카드 제목은 두 단어에서 다섯 단어로. 작은 면에 들어갑니다.
- 마지막에 보여 줄 카드를 히어로 카드로 고르세요.
- 따뜻한 키 라이트와 아래쪽 조명이 어두운 카드를 돋보이게 합니다. 배경은 카드보다 어둡게 두세요.
- 6.7초 길이라 피드에서 자연스럽게 반복됩니다. 더 긴 버전은 두 번 연달아 렌더링하세요.
오픈소스
HyperFrames 레지스트리 블록입니다. HeyGen과 HyperFrames 기여자들이 만들어(heygen-com/hyperframes) Apache License 2.0으로 공개했습니다. 다운로드는 에셋이 포함된 블록으로 바로 렌더링할 수 있으며, HyperFrames 자체는 npm에서 실행됩니다.
시작 전에 필요한 것
- 준비물
- 카드 목록. 카드마다 카테고리, 짧은 제목, 알약 라벨 두 개.
- 의존성
- Node.js 22 이상 — 필수 · FFmpeg — 필수
- 외부 비용
- 없습니다. HyperFrames는 무료 오픈소스이며 내 컴퓨터에서 렌더링됩니다.
- 마지막 테스트
- v1.0.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
카드는 몇 장까지 쓸 수 있나요?
한 장에서 열두 장까지입니다. cards 변수에 JSON 목록으로 넣고 어느 카드를 히어로로 할지 고르세요.
블록의 모양을 바꿀 수 있나요?
있습니다. 크기, 두께, 모서리 반경, 베벨, 본체 색, 거칠기, 금속성, 그리고 모든 조명이 변수입니다.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 Skill입니다. 그대로 소개하며, 저희 하우스 브랜드 중 하나인 Vael에 직접 돌려 만든 샘플을 함께 올렸습니다.






