
이 Skill로 렌더링한 결과
구독 로어서드 v1.0.0
YouTube 스타일 로어서드가 채널 아바타, 이름, 구독자 수와 함께 떠오르고, 구독 버튼이 톡 눌려 '구독중'으로 바뀝니다.
- 포맷
- 영상 · 16:9
- 길이
- 0:05
4.5초짜리 구독 유도 장면을 위한 무료 HyperFrames 블록입니다. 아바타, 채널 이름, 구독자 수가 담긴 둥근 로어서드가 올라오고, 빨간 Subscribe 버튼이 눌려 종 아이콘이 달린 회색 Subscribed로 바뀐 뒤 사라집니다. 이름, 숫자, 아바타는 HTML에서 고치며 배경은 투명합니다.
2026년 11월 3일 업데이트
받게 되는 것
- 배경이 투명한 4.5초 길이 1920×1080 로어서드
- 아바타, 채널 이름, 구독자 수, 구독 버튼 클릭
- 내 영상 위에 얹는 방법 안내
잘 맞는 경우
- YouTube 영상과 팟캐스트
- 튜토리얼과 브이로그
- 브랜드 채널
맞지 않는 경우
- 세로 전용 영상
- 구독 버튼이 없는 플랫폼
이 Skill에 대하여
/yt-lower-third Ember & Bun(구독자 212K) 구독 로어서드를 만들어 줘. 아바타는 Double Stack으로 하고, 우리 버거 장면 위에 얹어 줘.
구독 요청은 영상이 끝난 뒤가 아니라 좋은 장면 한가운데서 가장 잘 먹힙니다. 구독 로어서드는 채널 아바타와 손맛 있는 클릭이 담긴 깔끔하고 익숙한 YouTube 스타일 팝업을 내 영상 위에 얹어 줍니다.
작동 방식
- 요청: 채널 이름, 구독자 수, 정사각형 아바타, 그리고 로어서드를 얹을 장면을 에이전트에게 알려 줍니다.
- 채우기: 문구와 색을 블록 변수에 넣고, 텍스트는 레이아웃이 설계된 길이에 가깝게 맞춥니다.
- 렌더링:
npx hyperframes render로 초안을 렌더링해 몇 프레임을 확인한 뒤 최종 MP4를 렌더링합니다. - 재사용: 변수는 작은 JSON 파일 하나에 들어 있어, 다음 버전도 렌더링 한 번이면 됩니다.
팁
- 첫 몇 초가 아니라 강한 장면 뒤에 넣으세요.
- 채널과 같은 아바타를 쓰세요.
- 배경이 투명하므로 알파 채널로 렌더링해 내 영상, 사진 또는 단색 배경 위에 얹으세요. 두 가지 명령어는 SKILL.md에 있습니다.
- 변수가 없는 블록입니다. 에이전트가 SKILL.md에 따라 HTML 안의 텍스트와 숫자를 직접 고칩니다.
오픈소스
HyperFrames 레지스트리 블록입니다. HeyGen과 HyperFrames 기여자들이 만들어(heygen-com/hyperframes) Apache License 2.0으로 공개했습니다. 다운로드에는 에셋이 포함된 블록과 Reelity가 작성한 SKILL.md가 들어 있어 에이전트가 바로 채우고 렌더링할 수 있으며, HyperFrames 자체는 npm에서 실행됩니다.
시작 전에 필요한 것
- 준비물
- 채널 이름, 구독자 수, 정사각형 아바타, 얹을 장면.
- 의존성
- Node.js 22 이상 — 필수 · FFmpeg — 필수
- 외부 비용
- 없습니다. HyperFrames는 무료 오픈소스이며 내 컴퓨터에서 렌더링됩니다.
- 마지막 테스트
- v1.0.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
YouTube 로고가 나오나요?
아니요. 익숙한 레이아웃과 빨간 버튼에 내 아바타와 이름을 씁니다.
버튼 문구를 바꿀 수 있나요?
네. "Subscribe"와 "Subscribed"는 HTML 안의 일반 텍스트입니다.
왜 무료인가요?
HeyGen과 HyperFrames 기여자들의 오픈소스 HyperFrames 블록입니다. 그대로 소개하며, 에이전트가 쓸 수 있도록 SKILL.md를 더하고 저희 하우스 브랜드 중 하나인 Ember & Bun으로 만든 샘플을 함께 올렸습니다.






