
이 Skill로 렌더링한 결과
Glass Shard 타이틀 v1.0.0
무지갯빛 유리 조각이 안개를 뚫고 날아와 헤드라인으로 맞물리고, 잠시 머문 뒤 다시 흩어집니다.
- 포맷
- 영상 · 16:9
- 길이
- 0:12
12초짜리 럭셔리 타이틀을 위한 무료 HyperFrames 블록입니다. 헤드라인을 시드 기반 유리 조각으로 잘라 HDR 스튜디오 조명 아래 3D로 렌더링합니다. 조각들이 양쪽에서 날아와 글자로 맞춰지고, 살짝 돌며 머문 뒤 빈 화면을 남기고 떠납니다. 조각 수, 둥글기, 베벨, 타이밍, 흩어짐 정도, 안개는 모두 변수입니다.
2026년 11월 2일 업데이트
받게 되는 것
- 진짜 3D 유리로 만든 12초 길이의 1920×1080 MP4 타이틀
- 조각으로 맞춰졌다가 사라지는 헤드라인
- 조각 수, 베벨, 둥글기, 타이밍, 흩어짐, 안개 변수
잘 맞는 경우
- 뷰티, 향수, 주얼리 출시
- 컬렉션명과 럭셔리 제품 타이틀
- 프리미엄 브랜드 필름의 오프너
맞지 않는 경우
- 긴 태그라인이나 본문
- 플랫한 색을 원하는 밝고 경쾌한 브랜드
이 Skill에 대하여
/glass-shard-title 우리 향수 "Ambre Nuit"로 glass shard 타이틀을 만들어 줘. 타이밍은 기본값 그대로, 1080p로 렌더링해.
유리를 불어 만든 듯한 타이틀. Glass Shard Title은 헤드라인을 래스터화한 뒤 그 형태를 유리 조각으로 쪼개고, HDR 스튜디오 환경과 함께 Three.js로 렌더링해 가장자리에 진짜 하이라이트가 맺힙니다. 조각들은 부드러운 안개 속에서 좌우로 날아들어 글자로 맞물리고, 천천히 돌며 한 박자 머문 뒤 흩어져 다음 컷을 위한 깨끗한 화면을 남깁니다.
작동 방식
- 요청: 타이틀에 들어갈 문구를 에이전트에게 알려 줍니다. 보통 제품명이나 컬렉션명입니다.
- 설정: 블록을 HyperFrames 프로젝트에 넣고 문구와 색을 렌더 변수로 채웁니다.
- 미리보기: 몇 프레임을 확인한 뒤
npx hyperframes render로 1920×1080 MP4를 렌더링합니다. - 재사용: 변수는 JSON 파일 하나에 들어 있어, 새 헤드라인이나 새 브랜드도 렌더링 한 번이면 됩니다.
팁
- 한 단어에서 세 단어가 가장 잘 읽힙니다. 문구가 길면 조각이 작아집니다.
- 안개를 올리면 더 몽환적이고 어두운 룩, 내리면 선명한 유리가 됩니다.
- 조각 수가 적으면 크고 대담한 파편, 많으면 섬세한 모자이크가 됩니다.
- 조각이 빠져나간 직후 제품 컷을 붙여 보세요.
오픈소스
HyperFrames 레지스트리 블록입니다. HeyGen과 HyperFrames 기여자들이 만들어(heygen-com/hyperframes) Apache License 2.0으로 공개했습니다. 다운로드는 에셋이 포함된 블록으로 바로 렌더링할 수 있으며, HyperFrames 자체는 npm에서 실행됩니다.
시작 전에 필요한 것
- 준비물
- 헤드라인(제품명이나 컬렉션명이 가장 잘 어울립니다).
- 의존성
- Node.js 22 이상 — 필수 · FFmpeg — 필수
- 외부 비용
- 없습니다. HyperFrames는 무료 오픈소스이며 내 컴퓨터에서 렌더링됩니다.
- 마지막 테스트
- v1.0.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
그래픽 카드가 필요한가요?
아닙니다. HyperFrames가 내려받는 Chrome으로 렌더링하며, GPU가 있으면 쓰고 없으면 소프트웨어 렌더링을 합니다. 노트북에서 12초 렌더링에 1분 정도 걸립니다.
Reelity가 바꾼 부분은 무엇인가요?
레지스트리가 보통 설치 때 내려받는 유리 텍스처를 포함했고, GSAP와 d3-delaunay를 CDN 대신 패키지에서 불러오게 했습니다. 또 3D 스크립트가 장면이 준비될 때까지 기다리도록 해, 헤드리스 렌더링에서 검은 프레임이 나오던 문제를 고쳤습니다.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 Skill입니다. 그대로 소개하며, 저희 하우스 브랜드 중 하나인 Maison Vey에 직접 돌려 만든 샘플을 함께 올렸습니다.






